如何优化jQuery性能?下面本篇文章给大家介绍一些针对 jQuery 的优化方法,希望对大家有所帮助!
我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。【推荐学习:jQuery视频教程】
一、选择器性能优化建议
1、总是从#id
选择器来继承
这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。
2、在class前面使用tag
jQuery中第二快的选择器就是tag选择器(如$(‘head’)),因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID)
jQuery中class选择器是最慢的,因为在IE 浏览器 下它会遍历所有的DOM节点。尽量避免使用class选择器。也不要用tag来修饰ID。
3、使用子查询
将父对象缓存起来以备将来的使用
4、优化选择器以适用Sizzle的“从右至左”模型
自版本1.3之后,jQuery采用了Sizzle库,与之前的版本在选择器引擎上的表现形式有很大的不同。它用“从左至右”的模型代替了“从右至左”的模型。
5、采用find(),而不使用上下文查找
find()函数的确快些。但是如果一个页面有许多DOM节点时,需要来回查找时,可能需要