【整理总结】优化jQuery性能的多种方法

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

前端（vue）入门到精通课程，老师在线辅导：联系老师
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

我一直在寻找有关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节点时，需要来回查找时，可能需要