DOM节点删除之empty()的基本用法
来源:互联网 发布:淘宝的试用报告怎么写 编辑:程序博客网 时间:2024/06/04 00:41
empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。
这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本。因为,根据说明,元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML:
<div class="hello"><p>慕课网</p></div>
如果我们通过empty方法移除里面div的所有元素,它只是清空内部的html代码,但是标记仍然留在DOM中
//通过empty处理$('.hello').empty()//结果:<p>慕课网</p>被移除<div class="hello"></div>
注意!
通过empty移除了当前div元素下的所有p元素但是本身id=test的div元素没有被删除
<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>
div {
background: #bbffaa;
width: 300px;
}
</style>
</head>
<body>
<h2>通过empty移除元素</h2>
<div id="test">
<p>p元素1</p>
<p>p元素2</p>
</div>
<button>点击通过jQuery的empty移除元素</button>
<script type="text/javascript">
$("button").on('click', function() {
//通过empty移除了当前div元素下的所有p元素
//但是本身id=test的div元素没有被删除
$("#test").empty()
})
</script>
</body>
</html>
阅读全文
0 0
- jquery DOM节点删除之empty()的基本用法
- DOM节点删除之empty()的基本用法
- DOM节点删除之empty()的基本用法
- DOM节点删除之empty和remove
- jquery DOM节点删除之empty和remove区别
- DOM节点删除之empty和remove区别
- DOM节点删除之empty和remove区别
- jquery DOM节点删除之remove()的有参用法和无参用法
- DOM节点删除之remove()的有参用法和无参用法
- DOM之节点的基本属性
- HTML Dom节点基本用法
- DOM节点的删除
- DOM节点删除之保留数据的删除操作detach()
- DOM节点删除之保留数据的删除操作detach()
- DOM节点删除之保留数据的删除操作detach()
- 删除DOM节点的函数
- DOM删除节点的操作
- jQuery-DOM节点的删除
- 阿里云wamp外网访问问题
- 【java设计模式】之 代理(Proxy)模式
- Android四大组件
- js中ajax提交时不适用默认的alert弹框
- Java多线程基础--06之 线程让步
- DOM节点删除之empty()的基本用法
- ZZULIOJ【1053】正弦函数【数学】
- 零、春风十里不如Linux(零)
- G
- Spring @Qualifier注解
- [AirFlow]AirFlow使用指南一 安装与启动
- Python初学之类的方法
- Java 网络IO编程总结(BIO、NIO、AIO均含完整实例代码)
- 【java设计模式】之 策略(strategy)模式