1.總是從ID選擇器開始繼承

在jQuery中最快的選擇器是ID選擇器，因為它直接來自于JavaScript的getElementById()方法。

例如有一段HTML代碼：

Code
<div id="content">
<form method="post" action="#"> 
<h2>交通信號燈</h2> 
<ul id="traffic_light"> 
<li><input type="radio" class="on" name="light" value="red" /> 紅色</li> 
<li><input type="radio" class="off" name="light" value="yellow" /> 黃色</li> 
<li><input type="radio" class="off" name="light" value="green" /> 綠色</li> 
</ul> 
<input class="button" id="traffic_button" type="submit" value="Go" /> 
</form>
</div>

3.將jQuery對象緩存起來

把jQuery對象緩存起來 就是要告訴我們 要養成將jQuery對象緩存進變量的習慣。下面是一個jQuery新手寫的一段代碼：

$("#traffic_light input.on").bind("click", function(){ ... });

$("#traffic_light input.on").css("border", "1px dashed yellow");

$("#traffic_light input.on").css("background-color", "orange");

$("#traffic_light input.on").fadeIn("slow");

但切記不要這么做。我們應該先將對象緩存進一個變量然后再操作，如下所示：

var $active_light = $("#traffic_light input.on");

$active_light.bind("click", function(){ ... });    $active_light.css("border", "1px dashed yellow");

$active_light.css("background-color", "orange");

$active_light.fadeIn("slow");

記住，永遠不要讓相同的選擇器在你的代碼里出現多次。

注：（1）為了區分普通的JavaScript對象和jQuery對象，可以在變量首字母前加上 $ 符號。
            （2）上面代碼可以使用jQuery的鏈式操作加以改善。如下所示：

NET技術：jQuery性能優化指南(1)，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。