翻译自：http://learn.jquery.com/performance/optimize-selectors/
在越来越多的浏览器支持document.querySelectorAll()之后，使得查找DOM的压力从jQuery转移到浏览器，选择器的优化，已经没有以往那么重要。然而，仍然有一些小技巧要记住。
基于ID的选择器（ID-Based Selectors）
基于ID进行查找永远是最好的方法。
// 快速:
$( "#container div.robotarm" );
// 更加快速:
$( "#container" ).find( "div.robotarm" );
使用.find()的方法更快，因为第一个选择器是没法脱离Sizzle选择器引擎的处理 - 而只有一个ID不包含其他类型的选择器，是直接由document.getElementById来处理的，这个是原生方法，超级快
特异性（Specificity）
把更特异的选择器放右侧，更简单的选择器放左侧。（Sizzle选择器在某些情况下，是会从右往左进行查找，这个时候，右侧的特异性，使得查找出来的结果集很小，然后再往上遍历查找符合条件的父级，效率就会很高 – 编者译）
// 没优化的:
$( "div.data .gonzalez" );
// 优化了的:
$( ".data td.gonzalez" );
避免过度特异性（Avoid Excessive Specificity）
$( ".data table.attendees td.gonzalez" );
// 更好的: 如果可以尽量去除中间的多余的条件
$( ".data td.gonzalez" );
一个轻简的DOM有助于提升选择器的性能（原文是：A “flatter” DOM also helps improve selector performance，不太好翻译），因为这样可以在查找dom的时候，减少需要检索的层级
避免全部选择器（Avoid the Universal Selector）
如果明确的或隐晦的的全部选择器（结果如果是会匹配绝大多数的DOM），这样的选择器会非常的缓慢
$( ".buttons > *" ); // 非常耗性能
$( ".buttons" ).children(); // 更好的方式
$( ".category :radio" ); // 隐晦的全部选择器
$( ".category *:radio" ); // 和上面的效果一样，只是更加明确
$( ".category input:radio" ); // 更好的写法
原创内容，欢迎转载 😊
