jQuery删除节点的三个方法即remove()detach()和empty()

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

测试所用HTML代码：

复制代码 代码如下:

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

复制代码 代码如下:

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

复制代码 代码如下:

var $li = $("ul li:eq(1)").detach();
$li.appendTo("ul");

复制代码 代码如下:

var $li = $("ul li:eq(1)").empty();
$li.appendTo("ul");