首页 > 代码库 > 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官网
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。