首页 > 文章列表 > dom节点删除方法detach()和remove()有什么区别

dom节点删除方法detach()和remove()有什么区别

js dom detach() remove()
372 2022-08-06

jQuery 库中,删除dom节点元素的方法有两种特别相似,就是remove()和detach()都可以传入参数, jQuery 表达式来筛选元素,删除所匹配的dom节点元素,不同的是detach()方法包含被删除元素的基本内容、绑定事件以及附加数据等信息,可以在之后的操作中继续使用保留的信息。

remove()和detach()介绍

remove():删除当前jQuery对象包含的所有DOM节点,传入的参数用于根据 jQuery 表达式来筛选元素。

jQuery 代码:

  $("p").remove();

detach():删除当前jQuery对象包含的所有DOM节点,传入的参数用于根据 jQuery 表达式来筛选元素。

jQuery 代码:

  $("p").detach();

remove()和detach()区别

是否包含所绑定的事件和附加数据等信息

remove():不包含所绑定的事件和附加数据等信息。

detach():包含被删除元素的基本内容、绑定事件以及附加数据等信息。

事件及数据是否也被移除

remove():会被移除

detach():不会被移除

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。