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

在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电脑。

dom节点删除方法detach()和remove()有什么区别：在jQuery 库中，删除dom节点元素的方法有两种特别相似，就是remove()和detach()都可以传入参数， jQuery 表达式来筛选元素，删除所匹配的dom节点元素 ...