jq删除元素

Posted 2020-09-28

　　通过jq，可以很容易的删除已有的html元素。

　　删除元素，有两个方法：

　　一. remove() --删除被选元素和及其子元素

　　　　注：remove()已经将DOM中的匹配元素删除，但是并没有将它从jquery对象中删除。

　　　　$("#div").remove();  // 删除该元素 div不存在

　　　　$("$div").remove(".div"); // 删除 id为div下的 class 为div的所有元素

　　二. empty()  -- 删除被选元素的子元素

　　　　$("#div").empty();    // 删除 id 为div下的所有子元素  div还是存在的 

　　　　例：<p> 我是第一个p </p>

　　　　　　　　我是第二个

　　　　　　<p>我是第三个</p>

　　　　　　$("p").remove() 结果是：我是第二个

　　　　　　$("p").empty() 结果是：<p></p>  我是第二个 <p></p>