您现在的位置是:首页 > Javascript
当前栏目
使用jquery添加元素的方法
2023-03-15 23:17:12 时间
jquery作为JavaScript中很重要的框架,可以满足JavaScript中复杂代码简易化的需求,而且也可以处理JavaScript中不能解决得问题。例如jquery根据不同的方法可以在指定的元素的不同位置添加合适的元素。本文介绍使用jquery添加元素的四种方法:1、append()方法在被选元素内部的结尾插入指定内容;2、prepend()方法在被选元素内部的开头插入指定内容;3、after()方法在被选元素之后插入内容;4、before()方法在被选元素之前插入内容。
1、append()方法:在被选元素内部的结尾插入指定内容
$(“p”).append(“在被选元素的末尾插入内容”);
使用实例
$(document).ready(function(){ $("#btn1").click(function(){ $("p").append(" <b>Appended text</b>."); });
2、prepend()方法:在被选元素内部的开头插入指定内容
$(“p”).prepend(“在被选元素的开头插入内容”);
使用实例
$(document).ready(function(){ $("#btn1").click(function(){ $("p").prepend("<b>Prepended text</b>. "); });
3、after()方法:在被选元素之后插入内容
$(“button”).after(“在后面添加文本”);
使用实例
$("#btn2").click(function(){ $("p").after("<b>这是after插入的段落</b>"); });
4、before()方法:在被选元素之前插入内容
$(“button”).before(“在前面添加文本”);
使用实例
$("#btn1").click(function(){ $("p").before("<b>这是before插入的段落</b>"); });
以上就是jquery添加元素的四种方法,大家一定一套根据添加的具体需求选择合适的方法哦~更多JavaScript学习推荐:JavaScript教程。
本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
相关文章
- 前端开发指南:如何利用PHP Cake框架构建应用
- 基于React与Vue后,移动开源项目Weex如何定义未来
- NodeJS和C++之间的类型转换
- jQuery中的常用到的三十九个技巧
- 官宣|Google Developers中国网站发布!
- NodeJS和C++之间的类型转换
- .NET Core首例Office开源跨平台组件(NPOI Core)
- 如何写出漂亮的React组件
- 成为Web开发大师你必须知道的7件事情
- 我在阅读NodeJS文档中读出的19个套路
- JavaScript的内部人士披露其未来发展方向
- JavaScript知识点整理
- 最佳开源内容管理系统(CMS)
- 基于RethinkDB +React Native开发实时移动Web应用程序
- 基于Angular 2 CLI开发CRUD应用程序
- 图解Javascript原型(prototype)链
- 前端开发中的字符编码详解
- Hadoop,Zookeeper这些名字都是怎么来的呢?
- 最全面的前端开发指南
- 程序员必知的前端演进史