国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

jQuery DOM 操作 detach()

ページ上のノードを一時的に削除したいが、ノード上のデータとイベントが失われることは望ましくなく、削除されたノードを次の期間にページ上に表示できる場合は、デタッチを使用できます。それを処理する方法

detach 文字通りに理解するのは簡単です。 Web 要素をホストします。つまり、要素は現(xiàn)在のページから削除されますが、この要素のメモリ モデル オブジェクトは保持されます。

jquery 公式ドキュメントの説明を見てみましょう:

このメソッドは jQuery オブジェクトから一致する要素を削除しないため、これらの一致する要素は將來再び使用できます。 Remove() とは異なり、すべてのバインドされたイベント、添付データなどが保持されます。
$("div").detach() はオブジェクトを削除しますが、表示効果は失われます。しかし、それは記憶の中にまだ存在しています。追加すると、ドキュメント フローに戻ります。またまた現(xiàn)れました。

もちろん、ここでは特別な注意を払う必要があります。デタッチ メソッドは JQuery に固有のものであるため、JQuery メソッドを通じてバインドされたイベントまたはデータのみを処理できます。

$("p を介して右側(cè)のコード領(lǐng)域を參照してください。 ").detach() P 要素をすべて削除した後、削除した p 要素を追加でページに配置します。テキストをクリックすると、イベントが失われていないことが証明できます

サンプルコードを見てみましょう:

りー


學(xué)び続ける
||
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <style type="text/css"> p { color: red; } </style> </head> <body> <p>P元素1，默認(rèn)給綁定一個點擊事件</p> <p>P元素2，默認(rèn)給綁定一個點擊事件</p> <button id="bt1">點擊刪除 p 元素</button> <button id="bt2">點擊移動 p 元素</button> <script type="text/javascript"> $('p').click(function(e) { alert(e.target.innerHTML) }) var p; $("#bt1").click(function() { if (!$("p").length) return; //去重 //通過detach方法刪除元素 //只是頁面不可見，但是這個節(jié)點還是保存在內(nèi)存中 //數(shù)據(jù)與事件都不會丟失 p = $("p").detach() }); $("#bt2").click(function() { //把p元素在添加到頁面中 //事件還是存在 $("body").append(p); }); </script> </body> </html>