元素的删除

元素的删除

remove与empty

区别：remove是删除了内容与格式，即全部删除，empty仅仅清除子元素，格式还在

 

#div1,#div2{
    height: 200px;
    width: 200px;
    background-color: red;
}

<div id="div1">
    <p>这是第一个段落</p>
</div>
<div id="div2">
    <p>这是第二个段落</p>
</div>

<button id="btn1">删除div1</button>
<button id="btn2">删除div2</button>

$("#btn1").click(function () {
    $("#div1").remove();
});
$("#btn2").click(function () {
    $("#div2").empty();
});

remove过滤删除

在p标签中删除所有class=son的元素

$("#btn1").click(function () {
    $("p").remove(".son");
});