remove()和empty()方法删除DOM元素

示例

<div class="box1">
    <h3>I'm h3 element.</h1>
    I'm text.
    <p>A</p>
    <p>B</p>
    <p class="del-flag">C</p>
    <p>D</p>
    <p>E</p>
</div>

empty()

作用:将匹配元素下的所有后代元素删除
$('.box1').empty();:执行后,只剩.box1元素

remove()

作用:
1. 无参:移除所有匹配的元素
2. 有参:在所有匹配的元素中移除符合条件的元素
$('.box1 p').remove();执行后,.box1下所有p元素都将被移除
$('.box1 p').remove('.del-flag');.box1下所有p元素中,找到所有的.del-flag元素移除

猜你喜欢

转载自blog.csdn.net/cccmercy/article/details/80907034