天天看點

緩存jQuery對象來提高性能

 jQuery使元素的選擇變得異常簡單,這也是它快速流行起來的一大原因,如果你看剛剛開始使用jQuery朋友寫的代碼時,會發現很多數人寫的代碼都在濫用jQuery選擇器。   如果你發現同一進制素被查找多次時,你就應該将該jQuery對象緩存起來,不然每次查找都要周遊整個文檔。這個話題可能顯得有點老生常談,因為這幾天寫的東西都和調試jQuery代碼有關系,是以将這個問題再次說明一下。關于在控制台中列印程式執行時間大家可以參考下使用 console.time() 計算jQuery代碼執行時間,我們使用下邊的代碼做個簡單的測試:

在chrome下按F12打開控制台,下圖是不儲存jQuery對象和儲存jQuery對象時執行時間的對比,相信通過此圖你會開始重視代碼的性能。

緩存jQuery對象來提高性能

當我換用較新版本的jQuery測試時發現新版本的jQuery在選擇器上性能并沒有提高,反而有所下降,大家可以在自己電腦上試試!