1. 程式人生 > >jQuery 性能優化和技巧

jQuery 性能優化和技巧

每次 獲得 重要性 ++ 修改 blank 設置 ack 捕捉

我們將介紹在書寫代碼時,應該需要註意的幾個性能問題,希望對於大家在書寫高性能的Web應用中有所幫助。

1.使用最新版本的 jQuery 類庫

jQuery 每一個新的版本都會較上一版進行 Bug 修復和一些優化,同時也會包含一些創新,所以建議使用最新版本的 jQuery 來提高性能。不過你需要註意的是,在更換版本之後,不要忘記測試你的代碼,畢竟有時候不是完全向後兼容的。

2.使用合適的選擇器

jQuery 提供給開發人員非常豐富的手段來使用選擇器定位 DOM 元素,它是開發人員最常使用的功能,但是很少有開發人員會考慮使用不同的選擇器來處理性能問題。這裏我們將介紹兒種常用的選擇器,及其它們之間的性能差異。

1)$("#id")

使用 id 來定位 DOM 元素無疑是最佳提高性能的方式,因為 jQuery 底層將直接調用本地方法 document.getElementById()。熟悉 JavaScript 的人,都了解這個方法將直接通過元素 id 來返回對應的元素。當然,如果這個方式不能直接找到你需要的元素,那麽你可以考慮調用 find()方法。代碼如下:

$("#content").find("div")

使用以上代碼可以有效的縮小你定位的 D0M 元素。為了提高性能,建議從最近的ID元素開始往下搜索。

2)$("p"),$("div"),$("input")