幾種提高jQuery性能的代碼

1、jQuery對象緩存

如果同一進制素被查找多次時，就應該将該jQuery對象緩存起來，不然每次查找都要周遊整個文檔。

使用下邊的代碼做個簡單的測試

用Chrome浏覽器按F12打開控制台檢視結果：（注：console.time在Chrome和Firefox浏覽器好用，IE不行）

性能還是差很多的~

2、根據一個數組快速拼一個字元串

假如我們有如下這樣的一個數組

最原始的辦法（我就是這麼寫的，以後改進）

用jQuery的$.each來周遊

最後用join的方法

上面三種寫法輸出的結果都是一樣的，但最後一種寫法從代碼量上還是比較占優勢。而且經過測試第二種寫法和第三種寫法，在數組中的資料非常多的情況下，第三種寫法的速度要快50%以上，但資料少的情況下速度沒有分區。

3、正整使用on給元素綁定事件

我要給如下代碼的表格單元格綁定一個單擊事件

一般随手會寫成下邊的樣子

如果隻有一個td這麼寫沒問題，要是有100個td的話那這麼寫的性能就非常的差，比較好的寫法如下

經測試在有100個td的情況下兩者性能相差7倍之多。