jqueryセレクターと属性設定の使い方まとめ experience_jquery

私は初心者で新卒です。これまでjqueryを使用したことがありません。最近プロジェクトでjqueryを使用しました。その過程で、何度も寄り道をしたり、探し続けたりしました。参考までにいくつかの使用法をまとめます:

最も基本的なセレクター構文には、id、クラス、ラベル、属性が含まれており、CSS セレクターと一貫性があります。

ID セレクターでは、ID の前に # を追加する必要があります。たとえば、ID が myDivID (

) の div 要素を選択する場合は、次のようにします。次のように記述できます:

コードをコピー コードは次のとおりです:

$("# myDivID");

D は繰り返すことができないため、ID セレクターは jquery オブジェクトを選択します。

クラスセレクターは、クラスの前にドット (.) を追加する必要があります。たとえば、クラス myInputClass () の入力要素を選択する場合です。

コードをコピー コードは次のとおりです:

$ (".myInputClass");

クラスは繰り返すことができるため、クラスセレクターは1種類の要素、つまり複数の要素を選択できるため、jqueryは配列を選択し、各要素を選択できます添え字を参照します。例:

コードをコピー コードは次のとおりです。

(var i = 0; i < $(".myInputClass").length; i ) {$(".myInputClass")[i];}

このようにして、それぞれを反復処理できます。要素。

タグセレクターは、タグの種類を直接記述することができます。たとえば、段落 p タグ (

) を選択したい場合は、次のように記述できます。 🎜>

コードをコピーします コードは次のとおりです:

$("p");

タグ セレクターも選択されています。配列、すべての p タグ要素を選択します。上記の方法を使用して、すべての要素を反復処理することもできます。

属性セレクターの前に角括弧 ([]) を付ける必要があります。たとえば、name="xxName" の要素を選択する場合は、次のように記述できます:

コードをコピーします

コードは次のとおりです: $("[xxName]");

このように選択すると、名前を繰り返すことができるため、結果は同じ配列になります。

ID セレクターは要素を正確に選択できますが、開発ではさらに要素のグループを選択する必要がある場合があります。実際には、複数のセレクターを混在させることができます。

コードをコピー

コードは次のとおりです:

;input type="button" value="OK" />

input type="text " value="odd; " />

たとえば、偶数のテキスト ラベル、つまり偶数と表示されたテキスト ボックスを選択したいとします。次のように選択できます:

最初にこの div を選択し、次に p を選択し、次に type="text" のテキスト ボックスを選択し、最後に偶数の位置を選択します:

コードをコピー

コードは次のとおりです: $("#attrValueTab p input[type='text']:even" );
組み合わせ選択は開発において非常に役立ちます。次のメソッドを使用して、チェックされたボタンまたはチェックボックス要素を選択できます:

コードをコピー コードは次のとおりです:

$("input[name='avDefValue_input']:checked");