品易云推流 关闭
文章详情页
文章 > JavaScript > jquery中dom节点操作方法empty和remove的区别

jquery中dom节点操作方法empty和remove的区别

js jQuery

头像

宋雪维

2021-03-31 16:11:282663浏览 · 0收藏 · 0评论

JQuery库进行dom操作中,删除的方法有remove()和empty(),它们虽都可以删除dom节点元素,但是empty方法只是用于清空当前元素中的内容,不会删除包含自身的节点,也不会返回有意义JQuery对象。而remove方法就是用于删除元素节点,删除包含自身的节点,返回被选择的标签JQuery对象。

1、删除内容不同

empty方法:删除匹配的元素集合中所有的子节点,不包含自身;

用于清空当前元素中的内容,能清空元素中的所有后代节点而元素的标签部分仍被保留。

remove方法:删除匹配元素,包含自身。

用于删除元素节点,该节点与该节点所包含的所有后代节点将同时被删除;

2、参数使用方式不同

empty方法:根据jQuery 表达式来筛选元素;

remove方法:提供传递一个筛选的表达式,删除指定合集中的元素。

3、返回对象不同

empty方法:不会返回有意义JQuery对象;

remove方法:返回被选择的标签JQuery对象。

以上就是在jquery库进行dom操作中,删除方法remove()和empty()的区别,不过它们调用后,只是从DOM中删除了对应的节点或内容,但网页的源代码中不作改变哦~更多JavaScript学习推荐:JavaScript教程

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图