jQuery学习--jQuery 删除元素

删除元素/内容

jQuery remove() 方法

jQuery remove() 方法删除被选元素及其子元素。

remove() 方法移除被选元素，包括所有的文本和子节点。

该方法也会移除被选元素的数据和事件。

$("#div1").remove();

jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

$("#div1").empty();

jQuery detach() 方法

移除所有的 <p> 元素：

$("button").click(function(){
$("p").detach();
});

detach() 方法移除被选元素，包括所有的文本和子节点。然后它会保留数据和事件。

该方法会保留移除元素的副本，允许它们在以后被重新插入。

提示：如需移除元素及它的数据和事件，请使用 remove() 方法代替。

提示：如只需从被选元素移除内容，请使用 empty() 方法。

过滤被删除的元素

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class="italic" 的所有 <p> 元素：

实例

$("p").remove(".italic");