JQuery的empty()和remove()

2019-03-23  本文已影响0人  Leophen

要用到移除指定元素的时候,jQuery提供了empty()与remove([expr])二个方法,两个都是删除元素,但是两者还是有区别


效果对比.gif

empty方法

1、严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点
2、empty不能删除自己本身这个节点
3、例子:

<div class="a"><p>123</p></div>
//通过empty处理
$('.a').empty()
//结果:<p>123</p>被移除
<div class="hello"></div>

remove方法

1、该节点与该节点所包含的所有后代节点将同时被删除
2、提供传递一个筛选的表达式,删除指定合集中的元素
3、例子:

<div class="a"><p>123</p></div>
//通过remove处理
$('.a').remove()
//结果:<div class="hello"><p>123</p></div> 全部被移除
//节点不存在了,同事事件也会被销毁
上一篇 下一篇

猜你喜欢

热点阅读