我試圖用document.createElement
通過添加在HTML頁面主體元素的新的Javascript,我與幾個if
/else
情況和功能的召喚這樣做。一切工作正常。
最近我開始知道我也可以用JQuery來做到這一點。我還沒有做太多的編碼工作,所以我想知道哪種方法在效率方面最好?使用本地DOM方法或使用JQuery在頁面上動態添加元素?這是更有效的HTML DOM或JQuery的
回答
使用本地JavaScript應該會更快,因爲這是jQuery在所有填充下使用的內容。
jQuery爲您提供的是瀏覽器的抽象。誰能說一個瀏覽器尚未實現document.createElement
?然後你必須爲你的DOM操作編寫大量的if-then-else
代碼。
jQuery的效率價格很高,但是比編寫自己的本地JS節省了很多心痛,並且提供了很多實用工具。
簡而言之'HTML DOM'會比'JQuery'有效嗎? – Nagri
免責聲明:現在瀏覽器已經足夠快了,除非您正在做大量的DOM操作,否則效率損失可以在十分之一秒或更短的時間內測量。避免過早優化。現在編寫乾淨的代碼,以後再擔心效率。 – Blazemonger
由於'jQuery'主動使用'DOM'操作函數,'HTML DOM'比'jQuery'更有效率。但是,'jQuery'的優點是可以處理每個瀏覽器的怪癖。 –
- 1. 這是更有效的loop.index0或loop.index - 1
- 2. 這是有效的HTML
- 3. jquery DOM操作 - 更有效的方式做到這一點
- 4. 這是有效的jQuery中?
- 5. 使用php或html編寫dom元素更有效嗎?
- 6. JAVASCRIPT DOM搜索或DOM關係,這是更快的方法?
- 7. JQuery DOM。 $ html的
- 8. 解析HTML這不是有效的XML
- 9. 有沒有這樣的HTML DOM事件?
- 10. 這個JQuery是否有效?
- 11. 這是比較有效的PHP:array_intersect()或array_intersect_key()
- 12. html的字符串生成器或html標記生成器。這是有效的?
- 13. 這是一個有效的jQuery語句?
- 14. 這是有效的jQuery代碼?
- 15. 這是一個有效的jquery分裂?
- 16. 在jQuery中改變這種DOM結構的有效方法
- 17. jQuery的:追加html和更新DOM
- 18. 在林克,這是更有效的,加入或包括
- 19. jQuery .html()是否處理DOM?
- 20. 是否有效的創建html模板添加到DOM模塊?
- 21. 有沒有寫這個PHP更有效的方式/ jQuery的
- 22. 什麼是更有效的:jQuery中
- 23. MySQL,這是更有效的長文本,文本或blob?提高插入效率
- 24. 如何更有效地寫這個jQuery?
- 25. jquery和html DOM
- 26. 這個效果是如何實現的? HTML/CSS/jQuery的
- 27. 有沒有更清潔或更有效的做這個Python的任務?
- 28. 爲什麼不是這個jquery有效?
- 29. 這是有效的C++ 11
- 30. 這是有效的CSS
我認爲jQuery在內部使用DOM,因此您可以在跨瀏覽器兼容性方面獲得一些東西,但普通JavaScript應該總是更快 –
肯定原生JavaScript會更快,請檢查:http://viget.com/啓發式/ jquery-or-native-method-everyday-techniques-no-3,http://stackoverflow.com/questions/4651923/when-to-use-vanilla-javascript-vs-jquery –
short:DOM ... jQuery使用DOM樹,只是一個添加。層 –