• 技术文章 >Web开发 >JavaScript

    jquery中如何使用remove()方法删除元素

    宋雪维宋雪维2021-01-26 09:50:46原创2093

    jquery中除了empty()方法可以删除元素,还可以使用remove()方法删除元素,remove()方法与empty()方法有些不同,remove()方法是删除JQuery对象对应的DOM节点,并不是DOM对象的所有子节点。本文向大家介绍jquery中使用remove()方法删除元素的过程。

    remove()方法

    1、用于移除被选元素,包括所有的文本和子节点。

    2、也会移除被选元素的数据和事件。

    3、删除JQuery对象对应的DOM节点,每删除一个节点,其索引会变化。可以在删除索引后,改变循环的值,使用jQuery的remove方法直接删除节点。

    使用语法

    $(selector).remove()

    使用remove()方法删除元素实例

    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("#div1").remove();
      });
    });
    </script>
    </head>
    <body>
     
    <div id="div1" style="height:40px;width:300px;border:1px solid black;background-color:yellow;">
    你的梦想会随之你的年龄慢慢消失</p></div>
    <button>移除div元素</button>

    以上就是jquery中使用remove()方法删除元素的介绍,一定要记住remove()方法不会保留元素的 jQuery 数据哦~更多JavaScript学习推荐:JavaScript教程


    专题推荐:js jquery删除元素
    上一篇:jquery删除元素的empty()方法 下一篇:jquery中如何过滤被删除的元素

    相关文章推荐

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

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网