jQuery如何使用文档操作detach()方法
宋雪维
2021-01-26 10:39:024438浏览 · 0收藏 · 0评论
在jQuery进行文档操作的过程中，如果想要删除错误的元素且保留原先的数据和事件，可以使用detach()方法。detach()方法可以把把被选中元素删除，保留数据和事件，还可以保留移除元素的副本，允许它们在以后被重新插入。本文向大家介绍jQuery中文档操作detach()方法的使用原理及过程。
1、detach() 方法
把被选中元素删除，包括所有的文本和子节点，然后它会保留数据和事件；
当把元素在添加到body中时，原先的事件和数据还会保留；
该方法会保留移除元素的副本，允许它们在以后被重新插入。
2、使用参数
无参数：移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据；
有参数：移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据。
3、使用实例
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").detach();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>删除 p 元素</button>
</body>
</html>以上就是jQuery使用文档操作detach()方法介绍，如果需要移除元素及它的数据和事件，请使用remove()方法代替。如若需求只需从被选元素移除内容，请使用empty()方法。更多JavaScript学习推荐：JavaScript教程。
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
7996
