品易云推流 关闭
文章详情页
文章 > JavaScript > dom节点删除方法detach()和remove()有什么区别

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

js DOM detach()

头像

宋雪维

2021-03-31 16:10:223486浏览 · 0收藏 · 0评论

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():不会被移除

以上就是dom节点删除方法detach()和remove()的介绍和二者的区别,如果还需要用绑定事件以及附加数据等信息,一定要使用detach()方法哦~更多JavaScript学习推荐:JavaScript教程

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

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图