divを切り離して追加するとメモリが増加しますか？

Question

ロード時にdivを切り離し、同じdivをクリックして追加するとメモリが増加するかどうかを知りたいですか？ div（画像でいっぱい）を切り離すと、divとimageの情報がメモリに保持されますか？例えば

：

Answer 1

<div class="divContain-one"> 
<img src="test.png"> 
</div> 

<div class="divContain-two"></div> 

var divContainingImage = $("#divContain-one").detach(); 

$("button").click(function(){ 
     $("#divContain-two").append(divContainingImage); 
}); 

jqueryのdocumentaionによるが除去要素に関連するすべてのデータを保持方法を切り離します。 から

ので、特にあなたは変数を宣言して割り当てられているという事実を取ってはいは、返されたデータは、それに方法を切り離す - データは間違いなくメモリに保存されています。とにかく、何百、何千という要素について話していないのであれば、このようなメモリの使用は重要ではないことに注意してください。

Answer 2

メモリ使用量を大幅に増やすべきではありません。変数には、DOM要素が保持されていた同じメモリへの参照と、関連するjQueryデータが切り離される前の参照が含まれています。 DOM自体がもはやそのメモリへの参照を持っていないということが起こっただけです。

追加すると、メモリを増やすこともありません。同じオブジェクトへの参照をDOM内の新しい場所に追加するだけで、コピーは作成されません。

情報をメモリに保存する必要があります。追加するときにDOMに何を追加するかを知る方法は他にありますか？

注意点：$("#divContainingImage")を呼び出す行為は、DOM要素を囲むjQueryオブジェクトを作成します。変数にはDOM要素だけでなく、このオブジェクトへの参照が含まれます。これは、.detach()とは関係なく、メモリ使用量を増加させます。

Answer 3

また、DOMオブジェクトにイベントリスナーが接続されているかどうかを検討する必要があります。

ページからオブジェクトを削除すると、そのオブジェクトへの参照がなくなると、最終的にはメモリをクリーニングすることができます。

aを削除してクリックリスナーがある場合は、メモリに無期限に座って続けることができます。最初にリスナーを削除し、DOMオブジェクトを削除します。そうすれば、最終的にDOMオブジェクトをメモリから削除することができます。