以選擇符為例，類似於這種 $(".class") 方式，在ie裡面，肯定比$("#id") 低很多，而對於chrome和firefox，則因為提供了getelementsbyclassname 介面，所以速度不會特別慢，不需要遍歷所有元素檢視class，所以考慮乙個綜合的方案，應優先使用id選擇符。
測試方法：對於一次處理乙個物件的函式，迴圈執行3000次，對於批量處理函式，一次處理3000個物件。
結果見下圖，時間單位是毫秒：
結果分析：大部分時候，原生js的確比jq快，最快的是ie6中執行getelementsbyname,竟然比jq快了4000多倍。最小的也有1.3倍。
這裡面有個例外，是html值讀寫，jq都比原生js快，快的還不少。
最後不得不說一句，ie系列，你們實在是太慢了。等ie9來改變一切吧。
原生JS與jQuery操作DOM對比
1.1 原生js建立元素節點 1 document.createelement p 1.2jquery建立元素節點 1 2.1 原生js建立文字節點 1 document.createtextnode text content 1 2 3 var textel document.createtext...
原生JS與jQuery操作DOM對比
1.1 原生js建立元素節點 document.createelement p 1.2jquery建立元素節點 2.1 原生js建立文字節點 document.createtextnode text content 通常建立文字節點和建立元素節點配合使用，比如 var textel document...
原生JS與jQuery操作DOM對比
1.1 原生js建立元素節點 1document.createelement p 1.2jquery建立元素節點 1 2.1 原生js建立文字節點 1 document.createtextnode text content 12 3var textel document.createtextnod...