关于DOM(删除)

remove()

$(selector).remove()
返回值为jQuery类型,返回当前jQuery对象本身
移除被选元素,包括所有的文本和子节点,该方法也会移除被选元素的数据和事件
提示:如需移除元素,但保留数据和事件,使用detach()方法代替。
提示:如只需从被选元素移除内容,使用empty()方法。

empty()

$(selector).empty()
返回值为jQuery类型,返回当前jQuery对象本身
从被选元素所有子节点和内容(该方法不会移除元素本身,或它的属性)

detach()

$(selector).detach()
移除被选元素,包括所有的文本和子节点。然后它会保留数据和事件
该方法会保留移除元素的副本,允许它们在以后被重新插入

例子(使用 detach() 方法来移除并恢复一个元素):
var x;
$("#btn1").click(function(){
  x=$("p").detach();
});
$("#btn2").click(function(){
  $("body").prepend(x);
});

总结:remove、detach 移除文档中的被选元素,包括所有的文本和子节点,区别是detach会保留数据和事件,而remove删的一干二净,这就意味着detach删除的节点是有可能恢复的,而remove不能。remove、empty区别是是否移除当前的节点,remove是移除当前的节点,empty反之。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 871评论 0 8
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,056评论 0 9
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 639评论 0 1
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,531评论 0 44
  • jQuery模块 选择器、DOM操作、事件、AJAX与动画 匿名函数自执行 作用:解决命名空间与变量污染的问题 总...
    青青玉立阅读 936评论 0 0