リソースを管理するためにLOADまたはHTMLを使用してDIV内のコンテンツを最適にUNLOADするにはどうすればよいですか？

Question

jQuery 1.6.2を使用しています。マスターページで

が、私は、後にボタンを使用して情報が取り込まれますいくつかのdiv開く：

$("#ButtonOne").click(function() { 
    $("#DivOne").load("FileOne.html"); 
}); 

：

<input type="button" id="ButtonOne"> 
<input type="button" id="ButtonTwo"> 
<input type="button" id="ButtonThree"> 
<div class="SectionDiv" id="DivOne"></div> 
<div class="SectionDiv" id="DivTwo"></div> 
<div class="SectionDiv" id="DivThree"></div> 

を私はこのようなdivを移入するために電話をかけます

divを入力すると、他のdivのすべてを取り除きたいと思います。私はこれを2つの異なる方法で行った。このように：

方法1では、コンテンツを持たないページ、完全に空のページでdivを読み込みます。方法2では、html（ ""）と同じ効果（？）を使用します。

これらの2つの方法が同じ視覚的な結果を持っているが、一つはdiv要素で既存の変数を殺し、またはDOM、または何かから、より良い要素を取り外すため他の上の明確な利点がありますか？ある環境では他の環境よりも速いのですか？誰かが他の人よりも多くのリソースを必要としますか？ （あなたはそれが空白になって知っているので、要求の必要がない、）

Answer 1

方法は、一つは理由もなく、空白のページを取得するための要求が発生します。したがって、本質的にメソッド2は、不要な追加のHTTPリクエストを保存するため、メソッド1の最適化バージョンです。

Answer 2

$(".SectionDiv").each(function(index, ele){ 
ele.html(""); 
}); 

は、複数の.SectionDiv要素があるので、あなたは各要素のループに持って、上記を試してみてください。