jQuery选择器最佳实践--来自jQ官网

1、基于ID选择器进行查询，并且使用find方法。

 //快速
 $("#container div.footer");
 
 //超快
 $("#container").find("div.footer");

使用find方法会减少遍历节点的时间。

2、使用混合选择器时，在右边的选择器最好具体一些。

 //优化前
 $("div.data .footer");
 
 //优化后
 $(".data div.footer");

左边最好只使用tag或class这样的选择器，右边最好使用tag.class这样的方式。

3、避免使用过多的选择器。

 //糟糕
 $("div p.data span.test");
 
 //很好
 $("div span.test");

这样可以减少选择器引擎遍历节点的时间。

4、避免使用通用的选择器，会花费很多查找时间。

 $(".buttons > *");            // Extremely expensive.
 $(".buttons").children();   // Much better.
 
 $(".category :radio");        // Implied universal selection.
 $(".category *:radio");       // Same thing, explicit now.
 $(".category input:radio"); // Much better.