jQuery——選擇器效率

N1：$('#box').find('p')：最快，直接了當的找到對應的節點jQuery對象；

N2：$('p','#box')：注意不是$('p,#box')!!!，jQuery會按照從右往左的順序解譯執行，因此會選到id=‘box’內的全部p元素；

N3：$('#box').children('p');

N4：$('#box>p')：這種狀況會用Sizzle引擎從右往左依次處理，其中符號的識別處理過程無形中增長了處理時間；注：主要的匹配過程的核心是用正則表達式進行的

N5：$(‘#box p’)；

 

通常在使用jQuery的時候儘可能使用jQuery提供的函數（find()、prev()、children()、等）而不是某些符號（如：~，+，>，等），同時減小連用的次數（如：$('#box').find('p').css({'color':'red','font-wight':'bold'})）;

還有一種更快的方法-------使用中間變量存jQuery對象：

var $box=$('box');

var $p=$box.find('p');

$p.css('color','red');