id選擇器的使用----jQuery高級技巧

儘可能使用ID選擇器

　　在使用jQuery之後，你會發現利用class屬性來選擇DOM元素變得相當簡單。儘管如此，還是推薦大家儘量少用class選擇器取而代之儘量多使用運行更快的ID選擇器(IE瀏覽器下使用class選擇器會在遍歷整個DOM樹之後返回相符的class包裝集)。而ID選擇器更快是因爲DOM本身就有”天然的”getElementById這個方法，而class並沒有。所以如果使用class選擇器的話，瀏覽器會遍歷整個DOM，如果你的網頁DOM結構足夠複雜，這些class選擇器足矣把頁面拖得越來越慢。讓我們看看這段簡單的HTML代碼:

<div id="main">
<form method="post" action="/">
  <h2>Selectors in jQuery</h2>
  ...
  <input class="button" id="main_button" type="submit" value="Submit" />
</form>
</div>
 

 //使用class來調用submit按鈕要比使用絕對的ID選擇器慢很多
var main_button = $('#main .button');
var main_button = $('#main_button');