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了 只有里面的内容会被清楚.
标签:jquery,function,删除,remove,ul,detach,节点,empty From: https://blog.51cto.com/u_15830125/5784381