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>
使用remove方法删除 返回值是你删除的值可以再次使用
$(function(){
let a = $('ul li:eq(0)').remove()
a.appendTo($('ul'))
})
注意：新添加的标签 事件会失效 需要重新绑定。
2.detach（)
detach()方法删除跟remove（）一样，在删除节点后，同样也可以赋值给变量再次使用。
$(function () {
let a = $('ul >li:eq(0)').detach()
a.appendTo($('ul'))
})添加后的元素 会保留原来的 事件
3.empty（）
empty（）方法与其说是删除 应该是清楚被选元素的内容 文本内容以及后代元素
$(function () {
$('ul').empty()
})
只剩下被选元素ul了 只有里面的内容会被清楚.
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-05-16，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录