浅谈jQuery中的删除方法empty()、remove()和detach()

╰+攻爆jí腚メ 2022-06-17 11:45 289阅读 0赞

jQuery提供了三种删除节点的方法：remove()、detach()和empty()。

1．empty()：不是删除节点，而是清空节点，清空匹配的元素集合中所有的子节点，但元素自身和事件都未被删除。

2．remove()：不会把匹配的元素从jQuery对象中删除，可以在将来再使用，但除了元素自身保留下来外，其他的比如绑定的事件，附加的数据等都会被删除。

3．detach()：不会把匹配的元素从jQuery对象中删除，可以在将来再使用，且所有绑定的事件、附加的数据等都会保留下来。

<table> 
 <tbody> 
 <tr> 
 <td> </td> 
 <td>参数</td> 
 <td>绑定的事件、附加的数据是否被移除</td> 
 <td>元素自身是否被移除</td> 
 </tr> 
 <tr> 
 <td>remove()</td> 
 <td>无参数</td> 
 <td>是</td> 
 <td>是：无参数时；否：有参数时（要根据参数所涉及的范围）</td> 
 </tr> 
 <tr> 
 <td>detach()</td> 
 <td>无参数：移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据 有参数：移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据</td> 
 <td>否</td> 
 <td>是：无参数时；否：有参数时（要根据参数所涉及的范围）</td> 
 </tr> 
 <tr> 
 <td>empty()</td> 
 <td>无参数：移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据 有参数：移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据</td> 
 <td>是</td> 
 <td>否</td> 
 </tr> 
 </tbody> 
</table>

利用原生JavaScript可以实现remove()删除元素和recover()恢复删除元素，请见：[http://blog.csdn.net/zhouziyu2011/article/details/70738119][http_blog.csdn.net_zhouziyu2011_article_details_70738119]

[http_blog.csdn.net_zhouziyu2011_article_details_70738119]: http://blog.csdn.net/zhouziyu2011/article/details/70738119