📅 最后修改于: 2023-12-03 15:02:13.725000 🧑 作者: Mango
detach() 方法可以将匹配的元素从DOM中移除，但保留元素及其数据。与remove() 方法不同，被移除的元素可以再次被插入到DOM中。
$(selector).detach();
<!DOCTYPE html>
<html>
<head>
<title>jQuery detach() 示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div id="container">
<p>这是一段文字。</p>
<button id="detach">将文字移除</button>
</div>
<div id="new-container"></div>
<script>
$(document).ready(function(){
$("#detach").click(function(){
var p = $("p").detach();
$("#new-container").append(p);
});
});
</script>
</body>
</html>
点击“将文字移除”按钮后，页面中的 <p> 元素会被移除，并被保存在变量 p 中。然后，p 可以被重新插入到页面中的任何位置。在示例中，我们将 p 插入到了一个新的容器里面。
detach() 方法是一个强大的jQuery函数，它可以像 remove() 方法一样将匹配的元素从DOM中移除，但不会丢失它们的数据。需要注意的是，被移除的元素可以再次被插入到DOM中。