伪类和属性选择符（$(:hidden)，$([attribute=value])等）
由于浏览器支持的原生DOM操作方法（比如document.getElementById()）就可用，所以ID选择符和元素选择符是最快的。而稍慢的Class选择符是因为IE6-IE8不支持原生的getElementsByClassName()，而在支持这个原生方法的其他现代浏览器中，Class选择符仍是很快的。
至于最慢的伪类和属性选择符，则是因为浏览器并不提供对应功能的可用原生方法。尽管jQuery尝试了使用querySelector()和querySelectorAll()这两个原生选择符API（属于css查询API）来提升部分jQuery选择符在部分现代浏览器中的性能，但综合起来，仍然是比较慢的。当然，这也是在于jQuery对伪类和属性选择符这个API要求较高，不仅要支持input[type=”text”]这种css中合法的选择符，还要支持p:first这类用于元素过滤，但在css中不合法的选择符。总之，jQuery的伪类和属性选择符功能很强大，但请慎重使用。
3.缓存你操作的元素
var parents = $('.parents');
var children = $('.parents').find('.child'); //bad缓存是指保存jQuery选择符的返回结果，方便之后再次调用。每一个$(‘.whatever’)都会重新从DOM中搜索并返回一个jQuery包装集（jQuery collection），因此要避免重复使用。
原生javascript中，建立局部变量来缓存数据或对象，有利于精简代码、优化性能。这里也是一样的道理。
4.链式语法
var parents = $('.parents').doSomething().doSomethingElse();jQuery中大部分方法都返回jQuery包装集并支持这种链式语法。javasript的性能优化要点之一是最小化语句数，因此链式语法不仅写起来更容易，运行起来也会更快。
5.使用事件代理
利用事件冒泡，指定一个位于dom较高层级的元素（比如document）的事件处理程序，就可以管理某一类型的所有事件。减少了页面中添加的事件处理程序，自然可以提升整体性能。
6.最小化现场更新
如果你进行操作的DOM部分是已经显示的页面的一部分，那么你就是在进行一个现场更新。现场更新需要浏览器重新计算尺寸，涉及到重绘（repaint）和回流（reflow），有较高的性能花费，因此应减少使用。
在新增内容时，建议先把要新增的代码段合并完全，最后再使用单个append()方法添加到页面。而如果元素存在复杂的交互，比如反复地添加和移除，detach()这个针对性的方法就是最佳的选择。
7.不在不必要的时候使用jQuery方法
$('.nav_link').bind('click', function() {
console.log('nav id: ' + $(this).attr('id')); //bad
