jQuery删除元素和内容

jQuery删除元素和内容主要常用如下两种方法：

• remove() - 删除指定选择的元素，包括其所有子元素（运行一下）
• empty() - 清空指定选择元素的内容及所有子元素（运行一下）

remove() 方法

jQuery的remove()方法可删除指定选择的元素，包括其所有子元素。

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

运行一下

empty() 方法

jQuery的empty()方法可清空指定选择元素的内容及所有子元素。

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

运行一下

---

本节已完，可以直接去学习下一节了；下面说的是奇技淫巧，而且是专否并不推荐的奇技淫巧，大致看一下就好啦~

---

根据过滤条件来删除元素

jQuery的remove()方法可以传入1个参数作为过滤条件，以选择符合传入参数条件的元素进行删除。如下所示，删除所有class="test"的p元素：

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

再举一个例子，即删除所有class="test"或class="jerk"的p元素：

$("p").remove(".test, .jerk");

运行一下

但是，这里不推荐上述写法，推荐如下写法，直接用jQuery的选择器来选择指定元素就ok啦，没必要搞华而不实的花样（推荐与不推荐，是专否的一家之言，仅供参考）：

$("p.test").remove();
$("p.jerk").remove();

运行一下