jqueryセレクターとCSSセレクターの違いは何ですか?-よくある問題-php.cn

違い: 1. 2 つは機能が異なります。CSS セレクターは要素を見つけた後に要素のスタイルを設定し、jQuery セレクターは要素を見つけた後に動作を追加します。2. jQuery セレクターはより優れた相互作用を持ちます。ブラウザの機能. 互換性; 3. CSS セレクターと jQuery セレクターの効率は異なります。

jqueryセレクターとCSSセレクターの違いは何ですか?

jQuery セレクターと CSS セレクターは非常によく似て記述されており、どちらも暗黙的な反復の特性があり、各選択をループする必要がないことがわかっています。セレクターの要件を満たしています。比較的使いやすい要素です。通常、CSS セレクターを $("") で囲むと、

#CSS セレクター jQuery セレクター ID セレクター #myID $("#myID") クラスセレクター .myClass $(".myClass") タグセレクター p $("p") レベルセレクター p >strong $(" p>strong") ##css は擬似クラスセレクターと呼ばれます jQuery はフィルターセレクターと呼ばれます以下の例を参照してください。CSS は各段落テキストの 14px に設定されており、色は赤です。、テキストは jQuery で 16 ピクセルに設定され、色は青です。jQuery は DOM がロードされた後の動作を設定するため、すべての段落が青の 16 ピクセルの単語で表示されます。

## などの jQuery セレクターになります。




p:nth-child(3 )	$("p:nth-child(3)")

选择器

第一段

第二段

第三段

第四段

ログイン後にコピー

だから何2つの違いは何ですか？

1. 2 つは機能が異なり、CSS セレクターは要素を見つけた後、要素のスタイルを設定し、jQuery セレクターは要素を見つけた後の動作を追加します。

2. jQuery セレクターは、ブラウザー間の互換性が優れています。

3. セレクターの効率。

CSS セレクターの効率

1. ID セレクター (#myid)

2. クラスセレクター (.myclassname)

3. タグセレクター (p 、h1、p)

4、隣接セレクター (h1 p)

5、サブセレクター (ul > li)

6、子孫セレクター (li a)

7、ワイルドカードセレクター (*)

8、属性セレクター (a[rel="external"])

9、疑似クラスセレクター (a:hover、 li:nth-child)

上記 9 つのセレクターの効率は高いものから低いものまでランク付けされており、ベースの ID セレクターの効率が最も高く、疑似クラスのセレクターの効率は最低。詳細な紹介については、「効率的な CSS セレクターの作成」 (アドレス: http://csswizardry.com/2011/09/writing-efficient-css-selectors/) を参照することもできます。

jQuery セレクターの効率

1. ID セレクター $('#id') と要素ラベルセレクター $('form')

2. クラス選択 $(' .className')

3、属性セレクター $('[attribute=value]') および疑似クラスセレクター $(':hidden')

その他のプログラミング関連知識については、次のサイトを参照してください。 :

プログラミングコース

! ！

以上がjqueryセレクターとCSSセレクターの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。