0
点赞
收藏
分享

微信扫一扫

jquery 节点的删除


1.remove()2.detach()3.empty()

1.remove()

remove() 方法移除被选元素,包括所有的文本和子节点,以及数据和事件。

$(function(){
$('ul').remove()
})

<ul class="5">
123
<li title="篮球" class="3">篮球</li>
<li title="足球">足球</li>
<li title="羽毛球">羽毛球</li>
</ul>

jquery 节点的删除_css

 

jquery 节点的删除_前端_02

使用remove方法删除 返回值是你删除的值可以再次使用

$(function(){
let a = $('ul li:eq(0)').remove()
a.appendTo($('ul'))
})

jquery 节点的删除_前端_03

注意:新添加的标签 事件会失效 需要重新绑定。

2.detach()

detach()方法删除跟remove()一样,在删除节点后,同样也可以赋值给变量再次使用。

$(function () {
let a = $('ul >li:eq(0)').detach()
a.appendTo($('ul'))
})

添加后的元素 会保留原来的 事件

3.empty()

empty()方法与其说是删除 应该是清楚被选元素的内容  文本内容以及后代元素

$(function () {
$('ul').empty()
})

jquery 节点的删除_javascript_04

只剩下被选元素ul了 只有里面的内容会被清楚.

 

 

举报

相关推荐

0 条评论