jQuery: GT セレクターの使用例 example_jquery

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

このセレクターは、指定されたインデックスより大きいインデックスを持つすべての要素と一致します。
最小インデックス値は 0 から始まります。

文法構造:

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

$(":gt(index)")

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

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

$("li:gt(0)").css("色"、"青")

上記のコードは、インデックスが 0 より大きい li 要素のフォントの色を緑に設定できます。
他のセレクターで使用しない場合、デフォルトの状態は * セレクターで使用されます。たとえば、$(":gt") は $("*:gt") と同等です。

パラメータリスト:

参数	描述
index	给定的索引值

コード例:

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

<頭>




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

• html エリア


• div CSS エリア


• jQuery ゾーン


• JavaScript ゾーン

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

上記のコードは、li 要素コレクション内のインデックス値が 0 より大きい li 要素のフォントの色を青に設定できます。

例 2:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#btn").click(function(){
$(":gt(1)").css("色","青"); });
});

• html エリア


• div CSS エリア


• jQuery ゾーン


• JavaScript ゾーン

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





上記のコードでは、:gt セレクターで使用されるセレクターが指定されていないため、デフォルトで * セレクターで使用されます。したがって、上記のコードは、現在のドキュメント内のインデックス値が大きいすべての要素を選択できます。 1. フォントの色は青に設定されています。

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