2012-11-20 23 views
2

我試圖用document.createElement通過添加在HTML頁面主體元素的新的Javascript,我與幾個if/else情況和功能的召喚這樣做。一切工作正常。
最近我開始知道我也可以用JQuery來做到這一點。我還沒有做太多的編碼工作,所以我想知道哪種方法在效率方面最好?使用本地DOM方法或使用JQuery在頁面上動態添加元素?這是更有效的HTML DOM或JQuery的

+3

我認爲jQuery在內部使用DOM,因此您可以在跨瀏覽器兼容性方面獲得一些東西,但普通JavaScript應該總是更快 –

+0

肯定原生JavaScript會更快,請檢查:http://viget.com/啓發式/ jquery-or-native-method-everyday-techniques-no-3,http://stackoverflow.com/questions/4651923/when-to-use-vanilla-javascript-vs-jquery –

+0

short:DOM ... jQuery使用DOM樹,只是一個添加。層 –

回答

5

使用本地JavaScript應該會更快,因爲這是jQuery在所有填充下使用的內容。

jQuery爲您提供的是瀏覽器的抽象。誰能說一個瀏覽器尚未實現document.createElement?然後你必須爲你的DOM操作編寫大量的if-then-else代碼。

jQuery的效率價格很高,但是比編寫自己的本地JS節省了很多心痛,並且提供了很多實用工具。

+1

簡而言之'HTML DOM'會比'JQuery'有效嗎? – Nagri

+2

免責聲明:現在瀏覽器已經足夠快了,除非您正在做大量的DOM操作,否則效率損失可以在十分之一秒或更短的時間內測量。避免過早優化。現在編寫乾淨的代碼,以後再擔心效率。 – Blazemonger

+0

由於'jQuery'主動使用'DOM'操作函數,'HTML DOM'比'jQuery'更有效率。但是,'jQuery'的優點是可以處理每個瀏覽器的怪癖。 –