在jQuery中，我们经常需要操作DOM元素，包括添加、删除和修改。其中，empty()和remove()是两个常用的方法，它们都可以用于删除元素或删除元素的内容。但是这两者之间有何不同？哪一个更适合你的需求？下面就详细解释一下。
empty()方法
empty()方法用于删除被选元素的子元素。它会保留被选元素本身，只是将其内部内容全部清空。使用empty()方法不会删除被选元素本身，也不会影响其后代元素。示例代码如下：
--------------------
remove()方法
remove()方法用于从DOM中删除被选元素及其子元素。与empty()方法不同的是，remove()方法会连同被选元素本身一起删除。示例代码如下：
---------------------
empty() VS remove()
empty()和remove()方法看似相似，但实际上它们的用途不同。empty()方法通常用于清空某个元素的内容，而不是彻底删除该元素。比如，你想要移除一个表格中的所有行，但保留表头，那么你应该使用empty()方法：
-------
-------
----
---------- ------
---------- ------
---------- ------
-----
--------
------ -----------------
----
------- -- ------ ------
------- -- ------ ------
------- -- ------ ------
-----
----
------- -- ------ ------
------- -- ------ ------
------- -- ------ ------
-----
--------
----------------------------------
在上面的例子中，我们删除了表格主体中的所有行，但是保留了表头。
相反地，如果你想要彻底删除一个元素及其所有后代元素，那么应该使用remove()方法：
---- -----------
------- -- - --------------
----
-------- ---- ------
-------- ---- ------
-------- ---- ------
-----
---------------------------
在上述示例中，我们删除了包含段落和列表的<div>元素及其所有后代元素。
总结
- empty()用于清空被选元素的内容，remove()用于删除被选元素及其子元素。
- 如果你只需要删除元素的内容而保留该元素本身，则应使用empty()方法。
- 如果你需要从DOM中完全删除一个元素及其所有后代元素，则应使用remove()方法。
在实际编码过程中，我们需要根据具体的需求来决定使用哪个方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11111