jQuery中提供了三种删除节点的方法：remove()、detach()、empty()，本文详细分析这三种方法。
最容易区分的是empty()，该方法严格上属于“清空节点”，即删除其子节点，自身并不会删除。举个栗子：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>remove和detach对比</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".apple").click(function(){alert('我是苹果');});
var $apple = $(".apple"); //empty()
$(".delete").click(function(){
$apple.empty();
});
$(".add").click(function(){
$apple.text("苹果");
}); }); </script>
</head>
<body>
<div>
<ul>
<li>香蕉</li>
<li>草莓</li>
<li>橘子</li>
<li style="color:red;" class="apple">苹果</li>
</ul>
<button class="delete">点击删除</button>
<button class="add">点击添加</button>
</div>
</body>
</html>
删除前：
删除后：
empty()方法很容易理解。下面重点分析一下remove()和detach()方法：
remove()：删除所有后代节点及自身，与该节点绑定的事件删除后也将解除绑定。同样使用上面的栗子，js代码如下：
//remove--节点删除后，绑定的事件也会解除。
$(".delete").click(function(){
$apple.remove();
});
$(".add").click(function(){
$apple.appendTo("ul");
});
删除前，点击“苹果”，会跳出提示信息：
删除后：
点击添加后，能够得到删除前一样的效果，但是点击“苹果”时不会出现提示框，说明原来绑定的click()事件解除了。
detach()：删除所有后代节点及自身，但与该节点绑定的事件删除后依然保留。js代码：
//detach--节点删除后，绑定的事件依然存在，可继续使用。
$(".delete").click(function(){
$apple.detach();
}); $(".add").click(function(){
$apple.appendTo("ul");
});
删除后再次添加节点，点击“苹果”会保留删除前的绑定信息，即弹出提示信息。
全文完，欢迎各位朋友批评指正！