jQuery的remove和detach的区别

1、remove([expr])

 

概述：从DOM中删除所有匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。

 

2、detach([expr])

 

概述：从DOM中删除所有匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留。

 

实例：

<div id="google">Google</div>
<div id="apple">Apple</div>

<script>
$(function () {
$("#apple").hover(function () {
$(this).text("Google+");
});
//使用 remove() hover()事件也会被删除
//apple = $("#apple").remove();

//使用detach() hover()事件会保存下来
apple = $("#apple").detach();
$("body").append(apple);

});