jQuery | detach() 与示例

简介

在jQuery中，detach()方法用于删除选定元素，并保留相关的事件处理程序和数据。与remove()方法不同，detach()方法能够保留被删除元素的数据，以便在稍后重新插入到文档中时使用。

语法如下：

$(selector).detach();

示例

以下是一个简单的示例，演示如何使用detach()方法。

首先，我们创建一个HTML文档，其中包含一个容器元素和一个按钮元素。

<div id="container">
  <p>Hello, World!</p>
</div>

<button id="detach-btn">Detach!</button>

然后，我们使用jQuery选择器选择需要删除的元素，并在按钮的click事件处理程序中使用detach()方法删除该元素。

$('#detach-btn').click(function() {
  $('#container p').detach();
});

此时，当我们单击按钮时，段落元素将从容器中删除，但保留在内存中。当我们需要重新将其插入文档时，我们只需使用appendTo()或prependTo()方法即可。

$('#container').append($('#container p'));

这会将被删除的段落元素重新插入到容器中。

结论

detach()方法是一种强大的元素删除工具，可以方便地删除元素并保留其数据。如果您需要删除元素以进行后续处理，同时又希望保留元素的数据，那么请使用detach()方法。