jquery移除某dom

jquery 是最为流行的 javascript 库之一，官方网站是 http://jquery.com。它可以方便地操作 html dom，为开发者节省了大量的时间和精力。其中一个常用的操作就是移除某个 dom 元素。本文将介绍如何使用 jquery 移除某个 dom 元素。

一、使用 remove() 方法

jQuery 提供了 remove() 方法，可以直接将选定元素从 DOM 中删除。例如，以下代码可以从 DOM 中删除所有 class 为 "test" 的元素：

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

这里的 $ 是一个函数，用于查询符合条件的元素。$(".test") 表示选定所有 class 为 "test" 的元素。调用 remove() 方法后，这些元素将被从 DOM 中删除。

二、使用 detach() 方法

remove() 方法可以将元素从 DOM 中删除，但是它不会保存被删除元素的数据和事件处理程序。如果您需要重新插入被删除的元素，可能需要使用 detach() 方法。

与 remove() 方法相似，detach() 方法也可以选择删除指定的元素，例如：

var detachedElement = $(".test").detach();

在这个例子中，选定所有 class 为 "test" 的元素，将它们保存到 detachedElement 变量中，并将它们从 DOM 中删除。

接下来，您可以像这样重新插入元素：

$("body").append(detachedElement);

在这个例子中，选定 body 元素，并将 detachedElement 元素插入其中。

这个例子展示了如何使用 detach() 方法删除元素并保留它们，以便后续操作。

三、使用 empty() 方法

如果您不想删除整个元素，但需要清空元素的内容，可以使用 empty() 方法。

$(".test").empty();

在这个例子中，所有 class 为 "test" 的元素的内容将被清空。元素本身将保留在 DOM 中。

四、使用 unwrap() 方法

如果要同时删除元素及其包含的元素，可以使用 unwrap() 方法。

$(".test").unwrap()

在这个例子中，所有 class 为 "test" 的元素将被删除，同时这些元素包含的元素也将从 DOM 中删除。与 remove() 方法类似，它不会保存被删除的元素的数据和事件处理程序。

总结

以上介绍了 jQuery 中四种移除 DOM 元素的方法。remove() 方法可以直接删除被选定的元素，在删除元素时非常有用；detach() 方法可以删除元素并保存它们的数据和事件处理程序，以便后续操作；empty() 方法可以清空元素的内容而不删除元素本身；unwrap() 方法可以删除元素及其包含的元素。根据具体需求选择不同的方法可以让您的代码更加简洁高效。