• 技术文章 >头条

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

    宋雪维宋雪维2021-01-26 10:39:01原创3704

    在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教程

    专题推荐:js jquery
    上一篇:java数组内存的探究 下一篇:python中pyecharts如何使用?

    相关文章推荐

    • 如何使用numba提升python运行速度?• python中K-means算法是什么?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网