CSSとjQueryでセレクタを使用する場合、'E#id'
と#id
の間に効率差がありますか?はいの場合は、特定のレイアウトエンジンまたはJavascriptエンジンにのみ適用されますか?セレクタのパフォーマンス - CSSとjQueryの 'E#id'と '#id' - CSSとjQueryの場合
4
A
答えて
3
ブラウザはセレクタを右から左に読み込むので、idの前に何か接頭辞を付けることで得られることはほとんどありません。その時点では冗長です。出典: Writing Efficient CSS Mozillaから
ここにはreal world exampleがあります。 TL:DR;それは違いを生み出すほど重要ではないようです。 CSSのためのIDを使用することは良い習慣ではないと考えています以前Stack Overflow question
0
1)から
関連、さらに読書。 javascriptでコンテンツを操作するときに使用する必要があります。
2)タグ名ul.top-navまたはul#top-navで修飾されたCSSセレクタをオーバーライドすると、ブラウザのオーバーヘッドが増加するだけで、タグ&のクラス/ IDと一致する必要があります。したがって、セレクタを過度に修飾するのは避けてください。
関連する問題
- 1. jQueryのCSSセレクタとプラグイン+ jqgrid
- 2. cssセレクタとjquery traversal
- 3. IDとクラスと同じCSSセレクタ
- 4. JqueryとCSSのツールチップのパフォーマンス?
- 5. IDのクラスのCSSセレクタ
- 6. CSSのIDとクラス
- 7. Zepto.jsセレクタのパフォーマンスとjquery
- 8. CSSセレクタとのCSS?
- 9. CSSクラスセレクタがCSS idセレクタをオーバーライドする
- 10. IDとクラスセレクタを持つJQuery属性セレクタ
- 11. jQueryのCSSセレクタの学習
- 12. IDのテーブル内のTDのCSSセレクタ
- 13. jQueryの複数のIDセレクタ
- 14. のasp.net jqueryのIDセレクタ
- 15. jqueryセレクタ - idの問題
- 16. jQuery CSSセレクタと「this」を組み合わせた
- 17. jqueryのCSSとanimate()
- 18. jQueryとCSSのアニメーションFirefoxの不具合
- 19. CSSトランジションとCSSアニメーションのパフォーマンス
- 20. はCSSと同等の他のID
- 21. setIntervalとcss()jQuery
- 22. CSSとjQueryユニバーサルツリーメニュー
- 23. CSSオーバーフローヘルプが必要 - jquery collpaseの場合
- 24. CSS子セレクタをjqueryセレクタとして使用できますか?
- 25. cssとjqueryの問題
- 26. MouseOverとMouseOut CSSの場合
- 27. タグタイプとidのjqueryフィルタ
- 28. jquery idとクラスの問題
- 29. jQueryセレクタのパフォーマンス
- 30. jQueryセレクタのパフォーマンス
新しい(そして私の目立つ新機能の)ブラウザには、自分でテストできるCSSパフォーマンスインスペクタがあります。 – icktoofay
私の意見では、 '' E#id ''を使う唯一の理由は、あなたがそのidを持つ要素を選択したいのであれば、それは正しい型です。とにかくそれを行うには良い方法ではありません。 (idは一意でなければならないので、同じページ上の異なる要素を区別するために使用すべきではありません。) – nnnnnn
'id'はドキュメント内で一度しか出現しないので、そのセレクタの要素名の部分は必要ないはずです。 –