ITPub博客

首页 > IT职业 > IT生活 > jQuery如何使用文档操作detach()方法

jQuery如何使用文档操作detach()方法

IT生活 作者:post200 时间:2021-09-11 10:01:30 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教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2249/viewspace-2831012/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-17

  • 博文量
    124
  • 访问量
    17963