jQuery对DOM节点进行操作(删除节点)
小仙儿 2020-05-09
1.定义和用法
remove()：用于从DOM中删除所有匹配的元素，传入的参数用于根据jQuery表达式来筛选元素。
注意：remove()方法删除某个节点之后，该节点所包含的所有后代节点将同时被删除。该方法的返回值时一个指向已被删除的节点的引用，以后也可以继续使用这些元素。
<body>
<script type="text/javascript">
//入口函数
$(document).ready(function(){
// 获取节点
$jsh1 = $("div h1:first-child")
// 删除节点
$jsh1.remove()
})
</script>
<div>
<h1>hello world</h1>
<h1>nice</h1>
</div>
</body>输出：
detach()：和remove()方法一样，也是删除DOM中匹配的元素，但是这个方法不会把匹配的元素从jQuery对象中删除，因此，在将来仍然可以使用这些匹配的元素。与remove()不同的是，所有绑定的时间或附加的数据都会保留下来。
示例：
<body>
<script type="text/javascript">
//入口函数
$(document).ready(function(){
// 获取节点
$jsh1 = $("div h1:first-child")
// 删除节点
$jsh1.detach()
})
</script>
<div>
<h1>hello world</h1>
<h1>nice</h1>
</div>
</body>输出：
empty()：该方法并不是删除节点，而是将节点清空，该方法可以清空元素中的所有的后代节点
示例：
<body>
<script type="text/javascript">
//入口函数
$(document).ready(function(){
// 获取节点
$jsh1 = $("div h1:first-child")
// 删除节点子元素
$jsh1.empty()
})
</script>
<div>
<h1>hello world</h1>
<h1>nice</h1>
</div>
</body>输出：
相关推荐
EdwardSiCong 0喜欢 / 0评论 2020-11-23
85477104 0喜欢 / 0评论 2020-11-17
hhanbj 0喜欢 / 0评论 2020-11-17
81427005 0喜欢 / 0评论 2020-11-11
seoppt 0喜欢 / 0评论 2020-09-13
honeyth 0喜欢 / 0评论 2020-09-13
WRITEFORSHARE 0喜欢 / 0评论 2020-09-13
84483065 0喜欢 / 0评论 2020-09-11
momode 0喜欢 / 0评论 2020-09-11
85477104 0喜欢 / 0评论 2020-08-15
83510998 0喜欢 / 0评论 2020-08-08
82550495 0喜欢 / 0评论 2020-08-03
tthappyer 0喜欢 / 0评论 2020-08-03
84901334 0喜欢 / 0评论 2020-07-28
tthappyer 0喜欢 / 0评论 2020-07-25
TONIYH 0喜欢 / 0评论 2020-07-22
tztzyzyz 0喜欢 / 0评论 2020-07-20
83510998 0喜欢 / 0评论 2020-07-18
81463166 0喜欢 / 0评论 2020-07-17
tztzyzyz 0喜欢 / 0评论 2020-07-05
tthappyer 0喜欢 / 0评论 2020-07-04
87281248 0喜欢 / 0评论 2020-07-04
87281248 0喜欢 / 0评论 2020-07-04
82244951 0喜欢 / 0评论 2020-06-28
delmarks 0喜欢 / 0评论 2020-06-28
89510194 0喜欢 / 0评论 2020-06-27
89510194 0喜欢 / 0评论 2020-06-27
wcqwcq 0喜欢 / 0评论 2020-06-26
88570299 0喜欢 / 0评论 2020-06-26
小仙儿 0喜欢 / 0评论 2020-06-25
88570299 0喜欢 / 0评论 2020-06-18
delmarks 0喜欢 / 0评论 2020-06-14
牵手白首 0喜欢 / 0评论 2020-06-14
83510998 0喜欢 / 0评论 2020-06-14
ppsurcao 0喜欢 / 0评论 2020-06-14
tianzyc 0喜欢 / 0评论 2020-06-13
82244951 0喜欢 / 0评论 2020-06-12
89510194 0喜欢 / 0评论 2020-06-11
83510998 0喜欢 / 0评论 2020-06-11
开心就好 0喜欢 / 0评论 2020-06-10
tthappyer 0喜欢 / 0评论 2020-06-07
delmarks 0喜欢 / 0评论 2020-06-07
牵手白首 0喜欢 / 0评论 2020-06-07