如何通过多种方法有效优化jQuery性能？

本文共计1978个文字，预计阅读时间需要8分钟。

如何提升jQuery性能？本篇文章为大家介绍一些针对jQuery的优化方法，希望对大家有所帮助！

我一直在寻找有关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库，与之前的版本在选择器引擎上的表现形式有很大的不同。它用“从左至右”的模型代替了“从右至左”的模型。