jQuery deatch()和remove()

最新推荐文章于 2021-07-02 17:13:21 发布

原创最新推荐文章于 2021-07-02 17:13:21 发布 · 284 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jQuery内容专栏收录该内容

13 篇文章

订阅专栏

本文详细对比了jQuery中detach()和remove()两个方法的区别。通过实际案例演示了两者在处理DOM元素时的不同行为，特别是对元素数据和事件的影响。

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元素的事件。