jquery效能優化原則

1、盡量使用id選擇器，其次tag選擇器，批量選擇，從最近的先輩元素的id寫起 eg:$(" #id input.on")

2、將jquery物件快取起來（可以在變數前加$區分），或運用鏈式操作，不要重複選取

3、限制dom操作函式呼叫次數，盡量將串拼好，一次呼叫html()加入

4、事件盡量不要用迴圈繫結，可以繫結父元素，然後通過事件函式引數e確定具體的觸發元素

$('#mytabletd').click(function());

改進方式：

$('#mytable').click(function(e));

5、少用$(document).ready();推遲到$(window).load();可以減少頁面載入時間和cpu占用

6、壓縮js檔案

7、盡量用id代替class

8、給選擇器乙個上下文 如 $(".mydiv");改進為$('.mydiv' , $('#myid')); --個人認為可以直接從id選起

9、慎用live()事件繫結方法，手動寫點**代替

10、在只獲取子元素的時候，盡量用子選擇器，而不是後代選擇器，eg:$('#id p') 改為 $('#id>p')

11、用data()方法儲存臨時變數

jquery效能優化原則

1 盡量使用id選擇器，其次tag選擇器，批量選擇，從最近的先輩元素的id寫起 eg id input.on 2 將jquery物件快取起來 可以在變數前加 區分 或運用鏈式操作，不要重複選取 3 限制dom操作函式呼叫次數，盡量將串拼好，一次呼叫html 加入 4 事件盡量不要用迴圈繫結，可以繫結...

前端效能優化原則

規則01 儘量減少http請求 1.合併css sprites 規則02 使用內容發布網路 cdn的使用 cdn的全稱是content delivery network，即內容分發網路。其目的是通過在現有的internet中增加一層新的網路架構，將 的內容發布到最接近使用者的網路 邊緣 使使用者可以...

jQuery效能優化指南

這個話題也是老生常談的了，jquery倒是沒少用，卻很少考慮它的效能！隨著cpu的嗷嗷上揚，覺得應該好好考慮這個問題！最近讀到e文 jquery performance rules 拿來跟大家分享，粗略的翻譯了一下！1 always descend from an id 總是從id選擇器開始繼承 2...