这篇文章主要介绍“jquery如何添加和移除元素”,在日常操作中,相信很多人在jquery如何添加和移除元素问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery如何添加和移除元素”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联专注于企业营销型网站建设、网站重做改版、汝南网站定制设计、自适应品牌网站建设、成都h5网站建设、商城网站定制开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为汝南等各大城市提供网站开发制作服务。
添加元素的方法:1、用append()或prepend()在指定元素内部添加子元素;2、用after()或before()添加同级元素。移除方法:1、用remove()删除被选元素以及子元素;2、用empty()删除子元素,但保留被选元素。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jQuery添加元素的四种方法:
1、append()在被选择元素的结尾添加内容。
使用 append( ) 方法向div元素内部的“末尾处”添加子元素。
语法:
$(A).append(B)
表示往 A 内部的末尾处插入 B。
示例:
第一段文本
第二段文本
第三段文本
2、prepend()在被选择元素的开头添加内容。
prepend( ) 方法可以向div元素内部的“开始处”添加子元素。
语法:
$(A).prepend(B)
表示往 A 内部的开始处插入 B。
示例:
$(function () { $("#btn").click(function () { var newp = "一个新段落
"; $("div").prepend(newp); }) })
3、after()选择某一个元素,并在该元素之后插入内容。
$(A).after(B)
表示往 A 外部的后面插入 B。
示例:
这是一些文本。这是div块中的一个p段落。
4、before()选择某一个元素,并在该元素之插入内容。
$(A).before(B)表示往 A 外部的前面插入 B。
这是一些文本。这是div块中的一个p段落。
jQuery删除元素的方法2种方法:
使用remove()方法可以将被选元素以及子元素同时删除。
- HTML
- CSS
- JavaScript
- jQuery
- Vue.js
使用empty()会将被选元素的子元素进行删除,不会删除被选元素。
- HTML
- CSS
- JavaScript
- jQuery
- Vue.js
到此,关于“jquery如何添加和移除元素”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
新闻标题:jquery如何添加和移除元素
网页URL:http://lswzjz.com/article/pccidg.html