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>

如果采用下面的選擇器，那么效率是低效的。
      var traffic_button = $("#content .button");

因為button已經有ID了，我們可以直接使用ID選擇器。如下所示：
      var traffic_button = $("#traffic_button");

當然 這只是對于單一的元素來講。如果你需要選擇多個元素，這必然會涉及到 DOM遍歷和循環，為了提高性能，建議從最近的ID開始繼承。
      如下所示：
      var traffic_lights = $("#traffic_light input");

2.在class前使用tag(標簽名)

在jQuery中第二快的選擇器是tag(標簽)選擇器( 比如：$("head") )。跟ID選擇器累時，因為它來自原生的getElementsByTagName() 方法。

繼續看剛才那段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>

比如需要選擇 紅綠 單選框，那么可以使用一個tag name來限制(修飾)class ，如下所示：
      var active_light = $("input.on");

當然也可以結合 就近的ID，如下所示：
      var active_light = $("#traffic_light input.on");

在使用tag來修飾class的時候，我們需要注意以下幾點：
    （1） 不要使用tag來修飾ID，如下所示：
          var content = $("div#content");
          這樣一來，選擇器會先遍歷所有的div元素，然后匹配#content（好像jQuery從1.3.1開始改變了選擇器核心后，不存在這個問題了   。暫時無法考證。）

     （2）不要畫蛇添足的使用ID來修飾ID，如下所示：
              var traffic_light = $("#content #traffic_light");

注：如果使用屬性選擇器，也請盡量使用tag來修飾，如下所示：