• 技术文章 >Web开发 >JavaScript

    js中dom节点删除remove方法

    宋雪维宋雪维2021-03-08 10:10:21原创4302

    本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

    1、remove方法

    将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。

    绑定的事件是否同时被移除,删除自身(无参数时),有参数时要根据参数所涉及的范围决定。

    2、使用语法

    strong.remove()

    3、使用参数

    选择器表达式,比如remove(“.class”);remove(“#id”);remove(“tag”):

    4、使用实例

    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title></title>
        <script src="../jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
      	 remove方法:
    	  1.该节点与该节点所包含的所有后代节点将同时被删除
      	  2.提供传递一个筛选的表达式,删除指定合集中的元素*/
        $(document).ready(function() {
            $(".aa").on('click', function(){
    			$(".aa").remove();//删除整个div块及元素
    		})
    		 $(".bb").on('click', function(){
    			 $("span").remove(":contains('阿姨')");//删除所内容中有含有“阿姨”的span
    		})
        });    
        </script>

    通过remove方法可以删除dom节点内部所有元素,而且remove内部会自动操作事件销毁方法,所以使用使用起来非常简单哦~更多JavaScript学习推荐:JavaScript教程

    专题推荐:js dom节点删除 remove方法
    品易云
    上一篇:js中使用removeChild()方法删除dom节点 下一篇:js将字符串识别为dom对象

    相关文章推荐

    • python中的冒泡排序是什么?• python中的插入排序怎么用?• python中ansible是什么?• python中elasticsearch是什么?• python中yield from怎么用?

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网