.detach()
Categories: DOM Removal
.detach( [ selector ] )Returns: jQuery
Description: Remove the set of matched elements from the DOM.
-
.detach( [ selector ] )
version added: 1.0selector A selector expression that filters the set of matched elements to be removed.
The .detach()
method is the same as .remove()
, except that .detach()
keeps all jQuery data associated with the removed elements. This method is useful when removed elements are to be reinserted into the DOM at a later time.
-
Detach all paragraphs from the DOM
HTML:
<p>Hello</p> how are <p>you?</p> <button>Attach/detach paragraphs</button>
CSS:
p { background:yellow; margin:6px 0; } p.off { background: black; }
Code:
$("p").click(function(){ $(this).toggleClass("off"); }); var p; $("button").click(function(){ if ( p ) { p.appendTo("body"); p = null; } else { p = $("p").detach(); } });