文章 > JavaScript > 实现dom节点删除的detach()方法

实现dom节点删除的detach()方法

头像

宋雪维

2021-03-31 16:11:07855浏览 · 0收藏 · 0评论

在JavaScript的 jQuery 中,detach() 方法功能与remove()方法相似,都可以删除dom节点。但如果想保留被删除元素上关联的jQuery数据,重新插入该被删除元素时,使用detach() 方法会更方便些。本文向大家介绍实现dom节点删除的detach()方法。

detach() 方法

用于删除被选元素,包括所有文本和子节点;

会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素;

还会保留所有绑定的事件、附加的数据。

使用语法格式

var jQueryObject = $(selector).detach();
//$(selector)表示需要被删除的元素

返回值

返回一个jQuery对象或数组,其中包含被删除元素的基本内容、绑定事件以及附加数据等信息。

使用detach()方法删除dom节点元素

$("ul li").click(function(){
   alert($(this).html());
})
var $li=$("ul li:eq(1)").detach();  //删除元素
$li.appendTo("ul");

以上就是实现dom节点删除的detach()方法的介绍,希望能帮助你理解哦~更多JavaScript学习推荐:JavaScript教程

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

关注公众号

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

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

底部广告图 底部广告图按钮