1.使用鏈式寫法 2.事件的委托處理（Event Delegation） javascript的事件模型，採用"冒泡"模式，也就是說，子元素的事件會逐級向上"冒泡"，成為父元素的事件。 利用這一點，可以大大簡化事件的綁定。比如，有一個表格（table元素），裡面有100個格子（td元素），現在 要求 ...
1.使用鏈式寫法
$('div').find('h3').eq(2).html('Hello');
採用鏈式寫法時，jQuery自動緩存每一步的結果，因此比非鏈式寫法要快。根據測試，鏈式寫法比（不使
用緩存的）非鏈式寫法，大約快了25%。
2.事件的委托處理（Event Delegation）
javascript的事件模型，採用"冒泡"模式，也就是說，子元素的事件會逐級向上"冒泡"，成為父元素的事件。
利用這一點，可以大大簡化事件的綁定。比如，有一個表格（table元素），裡面有100個格子（td元素），現在
要求在每個格子上面綁定一個點擊事件（click），請問是否需要將下麵的命令執行100次？
$("td").on("click", function(){
$(this).toggleClass("click");
});
回答是不需要，我們只要把這個事件綁定在table元素上面就可以了，因為td元素髮生點擊事件之後，
這個事件會"冒泡"到父元素table上面，從而被監聽到。
因此，這個事件只需要在父元素綁定1次即可，而不需要在子元素上綁定100次，從而大大提高性能。
這就叫事件的"委托處理"，也就是子元素"委托"父元素處理這個事件。
$("table").on("click", "td", function(){ $(this).toggleClass("click"); });
3.用對選擇器
（1）最快的選擇器：id選擇器和元素標簽選擇器
遇到這些選擇器的時候，jQuery內部會自動調用瀏覽器的原生方法（比如getElementById()），所以它們的執行速度快。
（2）較慢的選擇器：class選擇器
Firefox、Safari、Chrome、Opera瀏覽器，都有原生方法getElementByClassName()，所以速度並不慢。但是，IE5-IE8都
沒有部署這個方法，所以這個選擇器在IE中會相當慢。
4.子元素和父元素的關係
$('.child', $parent)
$parent.find('.child')
$parent.children('.child')
$('#parent > .child')
$('#parent .child')
$('.child', $('#parent'))
(1) $('.child', $parent)·
這條語句的意思是，給定一個DOM對象，然後從中選擇一個子元素。jQuery會自動把這條語句轉成$.parent.find('child')，
這會導致一定的性能損失。它比最快的形式慢了5%-10%。
(2) $parent.find('.child')
這條是最快的語句。.find()方法會調用瀏覽器的原生方法（getElementById，getElementByName，getElementByTagName
等等），所以速度較快。
(3) $parent.children('.child')
這條語句在jQuery內部，會使用$.sibling()和javascript的nextSibling()方法，一個個遍歷節點。它比最快的形式大約慢50%。
(4) $('#parent > .child')
jQuery內部使用Sizzle引擎，處理各種選擇器。Sizzle引擎的選擇順序是從右到左，所以這條語句是先選.child，然後再一個
個過濾出父元素#parent，這導致它比最快的形式大約慢70%。
(5) $('#parent .child')
這條語句與上一條是同樣的情況。但是，上一條只選擇直接的子元素，這一條可以於選擇多級子元素，所以它的速度更慢，
大概比最快的形式慢了77%。
(6) $('.child', $('#parent'))
jQuery內部會將這條語句轉成$('#parent').find('.child')，比最快的形式慢了23%。
所以，最佳選擇是$parent.find('.child')。而且，由於$parent往往在前面的操作已經生成，jQuery會進行緩存，所以進一步加
快了執行速度。
