js中dom节点删除remove方法

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

本文教程操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。将字符串识别为dom对象使用方法var nodelist = parseToDOM("<b>hello wor ...