html（）の前、またはinnerHTMLの前にempty（）を呼び出す必要がありますか？

Question

私は<div/>のhtmlコンテンツをAJAX呼び出しの応答で設定するポップアッププラグインを持っています。

コードをポップアップするたびに、私は$("#popup").html(response)を呼び出します。これは、既存のhtmlコンテンツを新しいコンテンツで上書きします。

私は$("popup").html(response)を呼び出す前に$("popup").empty()に電話する必要がありますので、以前は$("popup") divだったオブジェクトが使用していたブラウザのメモリを解放しますか？ （最終的にはメモリリークを防ぎます）

PS：どうすれば$("popup")[0].innerHTML = responseと呼びますか？私は.empty()メソッドに電話する必要がありますか？

Answer 1

短答No。

jQuery.fn.htmlは、他のいくつかのことを行った後にDOMNode.innerHTML =を使用します。 1つは、ノード上の格納されたデータをすべて削除することです（$.fn.dataを介して格納されます）。詳細は、http://james.padolsey.com/jquery/#v=git&fn=jQuery.fn.htmlを参照してください。

.innerHTMLは、子を削除し、新しいhtmlで置き換えます。しかし、メモリリークに注意してください。 innerHTMLを設定する前にjQuery.fn.emptyを使用します。例えば。

var a = document.createElement('div'), 
    b = document.createElement('div'); 

    b.appendChild(a); 

    b.innerHTML = 'new innerHMTL'. 

すべては問題ありません。しかし、ノードは置き換えられ/削除されたままで、まだ可変部分aに取り込まれているため、ガベージコレクタにスローされません。私は、コンテキストの内容を上書きすることができます）、またはあなたがjQuery.removeDataなど

Answer 2

empty()に電話する必要はありません。 html（response）方法 existing content。

Answer 3

HTML方式のjQueryのドキュメントは言う：.htmlを（）は要素の内容を設定するために使用されている場合

、その要素にあったすべてのコンテンツが完全に新しいコンテンツに置き換えられます。さらに、jQueryは、子要素からデータおよびイベントハンドラなどの他の構成要素を削除してから、それらの要素を新しいコンテンツに置き換えます。

empty()に電話する必要はありません。

Answer 4

.empty以外に違いは（）より速く、.htmlを（走る呼び出さないjQueryの店舗DOMNodes内部までという天気をよく分からない

http://jsperf.com/jquery-empty-vs-html/17