remove() 方法移除被选元素,包括所有的文本和子节点,以及数据和事件。
$(function(){
$('ul').remove()
})
<ul class="5">
123
<li title="篮球" class="3">篮球</li>
<li title="足球">足球</li>
<li title="羽毛球">羽毛球</li>
</ul>
$(function(){
let a = $('ul li:eq(0)').remove()
a.appendTo($('ul'))
})
注意:新添加的标签 事件会失效 需要重新绑定。
detach()方法删除跟remove()一样,在删除节点后,同样也可以赋值给变量再次使用。
$(function () {
let a = $('ul >li:eq(0)').detach()
a.appendTo($('ul'))
})
添加后的元素 会保留原来的 事件
empty()方法与其说是删除 应该是清楚被选元素的内容 文本内容以及后代元素
$(function () {
$('ul').empty()
})
只剩下被选元素ul了 只有里面的内容会被清楚.