jQuery_jquery の偶数セレクターの定義と使用法

この記事の例では、jQuery での偶数セレクターの定義と使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このセレクターは、0 から数えて偶数のインデックス値を持つすべての要素と一致します。

文法構造:

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

$(":even")

このセレクターは通常、クラス セレクター、要素セレクターなどの他のセレクターと組み合わせて使用​​されます。
例:

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

$("li:even)").css("color" 、"緑 ")

上記のコードは、li 要素コレクション内の偶数の li のフォントの色を緑色に設定します。
他のセレクターで使用されていない場合は、デフォルトで * セレクターで使用されます。 $(":even") は $("*:even")
と同等です コード例:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#btn").click(function(){
$("li:even").css("color","blue"); });
});

• html エリア


• div CSS エリア


• jQuery ゾーン


• JavaScript ゾーン

クリックして効果を確認してください

上記のコードは、偶数のインデックス値を持つ li 要素のフォントの色を青に設定できます。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。