jQuery detach() メソッド

jQueryのHTML/CSSメソッド

detach()メソッドは選択された要素を含むすべてのテキストおよび子ノードを削除します。そして、データおよびイベントを保持します。

しかし、detach()は削除された要素に関連付けられたすべてのjQueryデータおよびイベントを保持します。

このメソッドは削除された要素のコピーを保持し、それらを後で再インサートすることができます。

要素及其データおよびイベントを削除する場合は、remove()を使用してくださいメソッド。

選択された要素から内容のみを削除する場合は、empty()メソッド。

構文：

$(selector).detach()

例

すべてのパラグラフをDOMから削除する：

$("button").click(function(){
　　$("p").detach();
});

detach()メソッドを使用して要素を削除および復元する：

$("#btn1").click(function(){
　　elem　=　$("p").detach();
});
$("#btn2").click(function(){
　　$("body").prepend(elem);
});

jQueryのHTML/CSSメソッド