首页 > 代码库 > jQuery选择器最佳实践--来自jQ官网

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

 

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

1 //快速2 $("#container div.footer");3 4 //超快5 $("#container").find("div.footer");

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

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

1 //优化前2 $("div.data .footer");3 4 //优化后5 $(".data div.footer");

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

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

1 //糟糕2 $("div p.data span.test");3 4 //很好5 $("div span.test");

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

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

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

 

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