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

元素移除