.detach()| jqueryAPI 2.2 中文手册- AspRain.cn 致力于Web开发技术翻译整理
From jQuery API 2.2.0
.detach()
返回: jQuery
.detach( [selector ] )
描述：从DOM中删除匹配的元素集合。
.detach方法与.remove()方法相同，除了.detach()方法会保留一所有的与被删除的元素相关的jQuery数据。当被删除的元素还需要在后来重新插入到DOM中去时，这个方法很有用。
示例
从DOM中分离所有的段落文本。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>detach demo</title>
<style>
p {
background: yellow;
margin: 6px 0;
}
p.off {
background: black;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>Hello</p>
how are
<p>you?</p>
<button>Attach/detach paragraphs</button>
<script>
$( "p" ).click(function() {
$( this ).toggleClass( "off" );
});
var p;
$( "button" ).click(function() {
if ( p ) {
p.appendTo( "body" );
p = null;
} else {
p = $( "p" ).detach();
}
});
</script>
</body>
</html>
演示结果
如果网页上不能运行示例，请点击http://www.asprain.cn/jQueryAPI/detach.htm查看示例。
如果你觉得本文档对你有用，欢迎给翻译作者支付宝打赏，支持翻译作者源源不断翻译更多有用的技术文档。