为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
DOM节点删除之detach()和remove()区别，jQuery基础(二)—DOM篇教程-慕课网
章节
课签
笔记
占位
占位

DOM节点删除之detach()和remove()区别

JQuery是一个很大强的工具库，在工作开发中，有些方法因为不常用到，或是没有注意到而被我们忽略。

remove()和detach()可能就是其中的一个，可能remove()我们用得比较多，而detach()就可能会很少了

 通过一张对比表来解释2个方法之间的不同

方法名

参数

事件及数据是否也被移除

元素自身是否被移除

remove

支持选择器表达

是

是（无参数时），有参数时要根据参数所涉及的范围

detach

参数同remove

否

情况同remove

remove：移除节点

  • 无参数，移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据
  • 有参数，移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据

detach：移除节点

  • 移除的处理与remove一致
  • 与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来
  • 例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

具体可以参考右边的代码区域的对比

任务

?不会了怎么办
||

写笔记

公开笔记
提交
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消