我經常抱怨jQuery的DOM操作性能并不優秀，并且經常嘗試用一些方法去進行優化，但是越是優化，越是沮喪地發現jQuery其實已經做得很好，從使用者的角度能夠進行的優化實在有限（這并不意味著jQuery的性能是優秀的， 反之只能說它是一個相對封閉的庫，無法從外部介入進行優化）。這篇文章就記錄一次失敗的優化經歷。

　　優化思想

　　這一次優化的思想來自于數據庫。在數據庫優化的時候，我們常會說將大量的操作放在一個事務中一起提交，能有效提高效率。雖然對數據庫不了解的我并不知道其原因，但是事務的思想卻為我指明了方向（雖然是錯的）。

　　因此我嘗試將事務這一概念引入到jQuery中，通過打開和提交事務，從外部對jQuery進行一些優化，其最重要的在于減少each函數的循環次數。

　　眾所周知，jQuery的DOM操作，以get all, set first為標準，其中用于設置DOM屬性/樣式的操作，幾乎都是對選擇出來的元素的一次遍歷，jQuery.access函數就是其中最核心的部分，其中用于循環的代碼如下：

// Setting one attribute
if ( value !== undefined ) {
    // Optionally, function values get executed if exec is true
    exec = !pass  exec  jQuery.isFunction(value);

for ( var i = 0; i  length; i++ ) {
fn(
elems[i],
key,
exec ? value.call(elems[i], i, fn(elems[i], key)) : value,
pass
);
}

return elems;        

        

        
        
      
        
it知識庫：記一次失敗的jQuery優化嘗試，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。