jquery中detach()和remove()区别详解

jquery删除元素的三种方法中，detach()方法和和remove()方法很相似，都可以用于从DOM中去掉所有匹配的元素。但是二者使用上区别，区别在于detach()方法会把所有绑定的事件、附加的数据等都会保留下来。本文向大家详解jquery中detach()和remove()区别。

1、定义区别

remove()方法: 把被选中元素删除（包括事件）；

detach()方法: 把被选中元素删除，当把元素在添加到body中时，原先的事件还会保留。

2、使用区别

remove()方法：删除元素之后除了元素自身保留下来外，其他的比如绑定的事件，附加的数据等都会被删除。

detach()方法：删除元素可以在将来再使用，且所有绑定的事件、附加的数据等都会保留下来。

3、区别实例

<bodyid='body'>
<divid="one">one</div>
<divid="two">two</div>
</body>
$(document).ready(function(){
$('#one').click(function(){
$(this).text('one-two');
})
//使用remove(),hover事件也会被删除
one=$('#one').remove();
//使用detach()，hover()事件会被保存
one=$('#one').detach();
$('#body').append(one);
})