美文网首页
关于DOM(删除)

关于DOM(删除)

作者: 就那两三事 | 来源:发表于2018-08-08 14:05 被阅读7次

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反之。

相关文章

  • 关于DOM(删除)

    remove() $(selector).remove()返回值为jQuery类型,返回当前jQuery对象本身移...

  • 学习W3school的DOM教程

    总而言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。 DOM实例,学习全部DOM操作。

  • 12-JavaScript-DOM开篇

    什么是DOM?文档对象模型DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准 什么是document文...

  • JavaScript---DOM节点和节点操作

    DOM和节点 DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准,是文档对象模型 document是系...

  • js dom节点操作

    获取dom节点 新增dom节点 删除dom节点

  • JavaScript DOM

    DOM开篇 什么是DOM? 文档对象模型,是关于如何获取、修改、添加或删除 HTML 元素的标准 什么是docum...

  • week2-wed前端

    01-基础语言(对象) 02-DOM 03-DOM间接获取节点 04-DOM创建和删除节点 05-删除广告 06-...

  • jS|DOM操作

    DOM节点的获取 DOM节点的创建 DOM节点删除 修改DOM元素 将指定两个DOM元素交换位置

  • 通过DOM动态删除多个节点报错原因理解

    通过DOM动态删除多个节点报错原因理解 在DOM中,我们可以通过removeChild( )来删除元素的子节点,但...

  • day08(2017.10.17)

    DOM操作案例 创建,删除案例 选项卡添加删除案例

网友评论

      本文标题:关于DOM(删除)

      本文链接:https://www.haomeiwen.com/subject/isotbftx.html