.detach()
.detach( [ selector ] ) 返回:jQuery
描述:從DOM中去掉所有匹配的元素。
-
version added: 1.4.detach( [ selector ] )
selector一個選擇表達(dá)式將需要移除的元素從匹配的元素中過濾出來。
.detach() 和.remove()一樣,
除了 .detach()保存所有jQuery數(shù)據(jù)和被移走的元素相關(guān)聯(lián)。當(dāng)需要移走一個元素,不久又將該元素插入DOM時,這種方法很有用。
例子
刪除DOM中所有段落
<!DOCTYPE html>
<html>
<head>
<style>p { background:yellow; margin:6px 0; } p.off { background: black; }</style>
<script src="http://code.jquery.com/jquery-latest.min.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>