deatch()和remove()的区别:
deatch() | remove() |
---|---|
删除元素 | 删除元素 |
删除匹配到的元素但是会保存添加的数据和事件,当你再把元素添加回来,他还会有之前的数据和事件 | 找到匹配的元素,并且会清空其对应的内容 |
简单例子:
html:
<div><p>区别</p></div>
js:
p元素的绑定事件 $("p").click(function(){alert("remove与detach的区别")});
var a=$("p").remove() a即是删除的p元素的jquery对象,
当重新将保留下来的p元素塞回到div中$("div").html(a[0]),
当再点击p元素的时候并没有触发click事件,即事件已经被remove事件移除掉。
var b=$("p").detach()
a即是删除的p元素的jquery对象, 当重新将保留下来的p元素塞回到div中$("div").html(a[0]),
当再点击p元素的时候触发click事件,即事件依然保留在元素上,detach事件并没有移除掉p元素的事件。