jQuery选择器最佳实践--来自jQ官网
浏览数：20 /
时间：2015年06月09日
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.
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
