如何優化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節點時,需要來回查找時,可能需要