js中dom节点删除remove方法-Python学习网

js中dom节点删除remove方法

宋雪维

2021-03-08 10:10:215130浏览 · 0收藏 · 0评论

本文教程操作环境：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教程。