ITPub博客

首页 > IT职业 > IT生活 > js中dom节点删除remove方法

js中dom节点删除remove方法

IT生活 作者:ciscopuke 时间:2021-09-11 10:02:03 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教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4369/viewspace-2831118/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: python 是什么意思
请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    81
  • 访问量
    7114