.detach()

http://api.jquery.com/detach/

要素を削除します。削除後もjQueryから参照することが可能です。

.detach( [selector] ) 1.4追加
デモ

.remove()と同じような挙動をしますが、.detachの場合は関連付けられているjQueryの情報を削除後も保持します。削除した要素を、後ほど再度使用したい場合などに便利です。

.detach( [selector] ) 1.4追加

戻り値:jQuery

引数	説明
[selector]	マッチしている要素から、削除対象とする要素をフィルタリングします。

デモ

P要素の取り外し、取り外したP要素の再度挿入を繰り返します。

<!DOCTYPE html>
<html>
<head>
<style>p { background:yellow; margin:6px 0; } p.off { background: black; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>こんにちは、</p>
調子はどう
<p>ですか?</p>
<button>P要素を挿入／取り外し</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>