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

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

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

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

$(":odd")

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

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

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

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

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

<頭>




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

• html エリア


• div CSS エリア


• jQuery ゾーン


• JavaScript ゾーン

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

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