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

521次阅读
没有评论

实现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电脑。

神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试

相关文章:

版权声明:JavaScript2022-12-16发表,共计588字。
新手QQ群:570568346,欢迎进群讨论 Python51学习