remove()、detach()和empty()---jquery的三种删除节点的方法

测试html代码：<p title="选择你最喜欢的水果？">你最喜欢的水果是？</p> <ul> <li title="苹果">苹果</li> <li title="橘子">橘子</li> <li

测试html代码：

<p title="选择你最喜欢的水果？">你最喜欢的水果是？</p> <ul> <li title="苹果">苹果</li> <li title="橘子">橘子</li> <li title="菠萝">菠萝</li> </ul> 

1. remove()方法代码如下：

$("ul li").click(function(){ alert($(this).html()); }); var $li = $("ul li:eq(1)").remove(); $li.appendTo("ul"); 

官方说法：该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。注：当某个节点用remove方法删除后，该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用，因此可以在以后再使用这些元素。

1. detach方法注：与remove方法不同的是，不但没有将元素从jquery对象中删除，而且所有绑定的事件、附加的数据都会保留下来。

2. empty方法：注：严格来讲，empty方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点。