使用jQuery删除元素

jQuery 删除元素：主要提示

jQuery 具有有用的方法和选择器，它们允许您比使用纯JavaScript更方便地操作和从 DOM 获取信息。

通过使用特殊的方法，你可以让 jQuery 移除 DOM 元素和内容。

方法比较

有两种方法可以用来让 jQuery 删除元素：

.remove()删除选定元素及其子元素。

.empty()仅从选定元素中删除子项。

这两种方法的语法都相当简单。我们将在以下部分中看到一些示例片段。

空的()

以下是 的语法.empty()：

$(selector).empty()

要了解它是如何工作的，您可以查看一个简单的示例。在其中，我们让 jQuery 删除div它在我们的代码中找到的元素。单击Try it Live按钮以查看其在代码编辑器中的工作原理：

$("div").empty();

消除()

for 的语法.remove()只是略有不同。如您所见，它接受额外的选择器作为参数，根据应删除的元素添加额外的过滤器：

$(selector).remove([selector])

为了解释的过滤功能.remove()，我们看一下这个例子：

$("div").remove(".example");

简单地说，第一个选择器意味着该方法应该选择文档中的div元素。如果没有选择器参数，该语句将使 jQuerydiv从文档中完全删除元素。

但是，选择器参数.example随后指定在所有已选择的批次中，只有具有指定类的元素将被删除。这意味着我们不只是让 jQuery 删除div它找到的元素，而是过滤匹配并只删除其中的一部分。

该方法的此功能允许您非常具体地确定要删除的元素。因此，该功能相当灵活。

jQuery 移除元素：总结

使用 jQuery 删除元素比使用纯 JavaScript 更快、更方便。

通过使用jQuery 删除元素，您可以删除所选元素及其子项，也可以仅删除其子项。