jquery中empty、remove、detach的区别



一、jquery中empty()

1、只移除了 指定元素中的所有子节点，被选元素自己是不会被删除的。

2、例如

<p>dsfsd</p>

$("p").empty()

结果

<p></p>

 

二、jquery中remove()

1、删除被选元素的所有文本和子元素，当然包括被选元素自己。

2、除了节点本身以外，节点绑定的事件和该节点相关的JQuery数据，也会被同时清除。

3、当需要清除节点本身，但是不需要清除绑定的事件和数据的时候，可以使用detach方法。

4、例如

<p>Hello</p>World<p>welcome</p> 

$("p").remove()

结果

World

 

三、jquery中detach()

1、detach方法和remove方法很相似，但是它会保留所有JQuery相关的数据和绑定的事件。

2、这个方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素。

文章转载自：jquery中empty、remove、detach    http://www.studyofnet.com/news/1001.html