私はDOMにこの要素を持っています:<div id="main" class="main"></div>
。$('#main')と$('。main:first')で要素を選択することに違いはありますか?
編集:これは、この要素がクラス名「main」を持つ唯一の要素であると想定していることを言及するのを忘れました。
私はDOMにこの要素を持っています:<div id="main" class="main"></div>
。$('#main')と$('。main:first')で要素を選択することに違いはありますか?
編集:これは、この要素がクラス名「main」を持つ唯一の要素であると想定していることを言及するのを忘れました。
編集:これは、この要素がクラス名「main」を持つ唯一の要素であると想定していることを言及するのを忘れました。
1つしかないため、違いはありません。またはを.main
選択すると、同じ結果が返されます。$('#main')
$('.main')
パフォーマンスの面ではありますが、ハイファイアニメーションや巨大なDOM操作を使用しない限り、無視してかまいません。
$('#main')
-より速く、よりきれいで効率的
$('.main:first')
-クラスセレクターはIDセレクターに比べて遅く、:first
フィルターは遅いです。
->必要はありません。目的の結果が返される:first
だけです。$('.main')
その他のオプション-
$('.main')
-IDセレクターより遅い
$('div.main')
-IDセレクターよりも低速で、$('。main')よりも優れています
はい。その要素がクラスの最初の要素でない場合、その要素はmain
選択されません。
$( "#main")は、IDを使用するため、おそらく少し高速になります。
また、元の要素の前に.mainクラスを使用して別の要素を追加すると、失敗します。
IDセレクターは、jQueryがDOM IDをトラバースするときに強力になります(ビューごとに1つだけを意味します)が、複数のメインクラスを持つことができます。