jQuery中提供了两种移出一个DOM元素的方法detach()和remove(),虽然是一样的功能，但是给出两种方法，必然有它的不同之处。
empty() 单独说一下 ，它删除当前元素的所有子元素，包括文本节点，并不会删除当前元素的事件和样式，删除之后不可恢复。
官方解释：
detach() 方法移除被选元素，包括所有文本和子节点。detach() 会保留所有绑定的事件、附加的数据
remove() 方法是移出元素，包括绑定的事件，附加数据
代码分析
当使用的是 detach方法时，重新添加元素之后点击事件依然有效
当使用的是remove方法时，重新添加元素之后点击事件不生效
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
var $div1 = $('.div1')
// 绑定事件
$('.div1').click(function(){
alert(1)
})
// 删除元素
$('#detach').click(function(){
$div1.detach();
})
//重新添加
$('#back').click(function(){
$('#box').append($div1)
})
})
</script>
</head>
<body>
<div id="box">
<div class="div1">aaaaaa</div>
<div class="div2"">bbbbbb</div>
</div>
<input type="button" value="detach" id="detach">
<input type="button" value="back" id="back">
</body>
</html>