# .detach()

## detach ( selector ) Returns: jQuery version added: 1.4

- selector
  Type: Selector
  A selector expression that filters the set of matched elements to be removed.

Description: Remove the set of matched elements from the DOM.

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.

## Examples:

#### Example: Detach all paragraphs from the DOM

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      p {
        background: yellow;
        margin: 6px 0;
      }
      p.off {
        background: black;
      }

      </style>

      <script src="//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>

#### Demo: