首页 > 其他分享 >jquery 节点的删除

jquery 节点的删除

时间:2022-10-21 18:07:15浏览次数:62  
标签:jquery function 删除 remove ul detach 节点 empty

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 节点的删除_赋值

 

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 节点的删除_数据_04

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

 

标签:jquery,function,删除,remove,ul,detach,节点,empty
From: https://blog.51cto.com/u_15830125/5784381

相关文章