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

在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电脑。

实现dom节点删除的detach()方法：在JavaScript的 jQuery 中，detach() 方法功能与remove(）方法相似，都可以删除dom节点。但如果想保留被删除元素上关联的jQuery数据，重新插入该被删除元素时，使用d ...