如何優(yōu)化jQuery性能?下面本篇文章給大家介紹一些針對(duì) jQuery 的優(yōu)化方法,希望對(duì)大家有所幫助!
我一直在尋找有關(guān)jQuery性能優(yōu)化方面的小竅門,能讓我那臃腫的動(dòng)態(tài)網(wǎng)頁應(yīng)用變得輕便些。找了很多文章后,我決定將最好最常用的一些優(yōu)化性能的建議列出來?!就扑]學(xué)習(xí):jQuery視頻教程】
一、選擇器性能優(yōu)化建議
1、總是從#id
選擇器來繼承
這是jQuery選擇器的一條黃金法則。jQuery選擇一個(gè)元素最快的方法就是用ID來選擇了。
2、在class前面使用tag
jQuery中第二快的選擇器就是tag選擇器(如$(‘head’)),因?yàn)樗椭苯觼碜杂谠腏avascript方法getElementByTagName()。所以最好總是用tag來修飾class(并且不要忘了就近的ID)
jQuery中class選擇器是最慢的,因?yàn)樵贗E 瀏覽器 下它會(huì)遍歷所有的DOM節(jié)點(diǎn)。盡量避免使用class選擇器。也不要用tag來修飾ID。
3、使用子查詢
將父對(duì)象緩存起來以備將來的使用
4、優(yōu)化選擇器以適用Sizzle的“從右至左”模型
自版本1.3之后,jQuery采用了Sizzle庫,與之前的版本在選擇器引擎上的表現(xiàn)形式有很大的不同。它用“從左至右”的模型代替了“從右至左”的模型。
5、采用find(),而不使用上下文查找
find()函數(shù)的確快些。但是如果一個(gè)頁面有許多DOM節(jié)點(diǎn)時(shí),需要來回查找時(shí),可能需要