如果我們只有一個元素,我們必須應用CSS或JavaScript。什麼是更有效地給它一個類或ID?我明白,理想情況下,我們應該給予身份證,但我有一個場景,我有一個已經寫好的代碼,我想只有在涉及性能時才更改它。將類或id應用於dom中的元素會更有效嗎?
3
A
回答
0
檢查這個博客帖子:http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/
基本上,如果只被應用在從頁面幾要素類,就會有id選擇和一流的選擇之間沒有性能差異。
0
ID始終是CSS引擎和JavaScript DOM操作的更高效和最快捷的方式。
您可以通過使用id或classes對相同數量的操作進行計時來嘗試JavaScript自己的速度。
2
這完全取決於瀏覽器的DOM實現。從理論上講,使用id在性能上可能會稍微好一點,但在大多數情況下,這些問題太少。實際上,瀏覽器可能會實現任意低效率。
如果性能對您至關重要,基準。對於任何比IE6更現代化的瀏覽器,這不太可能有所作爲。
1
在理論上,id
選擇器應該更快,如在文檔中的id should be unique。實際上,幾乎所有的瀏覽器都允許多次使用一個id而不會造成任何影響 - 因此,如果在性能上存在差異,id選擇器會更快,但其差別將非常小永遠不會注意到它。
相關問題
- 1. 訪問帶有ID或對象的DOM元素會更好嗎?
- 2. 使用php或html編寫dom元素更有效嗎?
- 3. 如果元素沒有ID,DOM搜索會更快嗎?
- 4. DOM元素的ID和類
- 5. 如何將jQuery函數應用於具有相似ID的DOM元素?
- 6. nodeIndex是IE中有效的DOM元素屬性嗎?
- 7. 如何將css應用於具有相同類名的DOM元素
- 8. 基於元素ID更改分類值
- 9. jquery交換元素:元素ID已更改,但DOM未更新
- 10. 訪問沒有ID的DOM元素
- 11. 用於DOM元素的TouchLeave
- 12. 如何將樣式應用於帶有前綴ID的元素?
- 13. 檢測有效的DOM元素
- 14. Polymer:將動畫應用於dom重複模板中的dom元素
- 15. Html CSS - 將樣式應用於類中的所有元素?
- 16. 將元素添加到dom並將類應用於jquery不適用css3轉換
- 17. 將類應用於元素(如果它具有某個類的子元素)
- 18. 在將函數應用於jQuery中的單個元素或集合之間效率有差異嗎?
- 19. 傳遞DOM元素ID或類來提交
- 20. 隱藏/顯示元素或追加元素會更好嗎?
- 21. 將類應用於元素 - jQuery
- 22. 我可以將多個CSS3類應用於元素嗎?
- 23. JQuery - 將CSS更改應用於類的單個元素
- 24. 如何將一個類應用於單獨的元素時更改元素?
- 25. 將jqueryUI交互屬性應用於新添加的DOM元素?
- 26. 將id應用於不在html代碼中的td元素
- 27. 當元素「B」有一個類時,將CSS類應用於元素「A」
- 28. 將jquery插件應用到dom元素
- 29. 在DOM中循環元素的ID
- 30. 對DOM元素使用'。'進行Jquery操作在ID中沒有效果
'id'是最高效的,但是這隻有在您的DOM太重且有很多元素時纔有意義。使用類的缺點是要確保不會更改DOM中的幾個**元素。如果你真的想檢查,請嘗試一下http://www.jsperf.com – JMax
性能不應該成爲問題,因爲這兩個屬性完成不同的事情。 'id's'id'entify元素,'class'es'class'ify元素。使用適合你的情況 – Gareth