DOM节点删除之remove()的有参用法和无参用法
来源:互联网 发布:自然排名优化软件 编辑:程序博客网 时间:2024/06/05 17:20
remove与empty一样,都是移除元素的方法,但是remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。
例如一段节点,绑定点击事件
<div class="hello"><p>慕课网</p></div>$('.hello').on("click",fn)
如果不通过remove方法删除这个节点其实也很简单,但是同时需要把事件给销毁掉,这里是为了防止"内存泄漏",所以前端开发者一定要注意,绑了多少事件,不用的时候一定要记得销毁
通过remove方法移除div及其内部所有元素,remove内部会自动操作事件销毁方法,所以使用使用起来非常简单
//通过remove处理$('.hello').remove()//结果:<div class="hello"><p>慕课网</p></div> 全部被移除//节点不存在了,同事事件也会被销毁 也就是class=.hello这个类名也会被删除
remove表达式参数:
remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合,可以选择性的删除指定的节点
$("p").filter(":contains('3')").remove()//选择性的销毁数据
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <style> .test1 { background: #bbffaa; } .test2 { background: yellow; } </style></head><body> <h2>通过jQuery remove方法移除元素</h2> <div class="test1"> <p>p元素1</p> <p>p元素2</p> </div> <div class="test2"> <p>p元素3</p> <p>p元素4</p> </div> <button>通过点击jQuery的empty移除元素</button> <button>通过点击jQuery的empty移除指定元素</button> <script type="text/javascript"> $("button:first").on('click', function() { //删除整个 class=test1的div节点 $(".test1").remove() }) $("button:last").on('click', function() { //找到所有p元素中,包含了3的元素 //这个也是一个过滤器的处理 $("p").remove(":contains('4')") }) </script></body></html>
阅读全文
0 0
- jquery DOM节点删除之remove()的有参用法和无参用法
- DOM节点删除之remove()的有参用法和无参用法
- DOM节点删除之empty和remove
- jquery DOM节点删除之empty()的基本用法
- DOM节点删除之empty()的基本用法
- DOM节点删除之empty()的基本用法
- jquery DOM节点删除之empty和remove区别
- DOM节点删除之detach()和remove()区别
- DOM节点删除之detach()和remove()区别
- DOM节点删除之empty和remove区别
- DOM节点删除之detach()和remove()区别
- DOM节点删除之empty和remove区别
- 【DOM学习】nextSibling节点的用法
- Js之使用dom实现创建节点和删除节点的方法
- DOM节点的删除
- HTML Dom节点基本用法
- DOM节点删除之保留数据的删除操作detach()
- DOM节点删除之保留数据的删除操作detach()
- 高通平台USB2.0和3.0接口充电器识别原理
- HDU 2026
- spring容器初始化的时候执行一个方法。
- jdbc深入~连接池
- Android开发动态添加标签
- DOM节点删除之remove()的有参用法和无参用法
- HDU 6038 函数问题
- 【补充】Linux-2.6.22.6 makefiles.txt翻译
- 用position: sticky 实现粘性元素区域悬浮效果
- Python API快餐教程(1)
- <<最小割模型在信息学竞赛中的应用>>的学习心得
- Handler的常见用法
- UPC 2017 Summer Training 1
- Ubuntu——触控板太灵敏