jQuery: GT セレクターの使用例 example_jquery-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 16:23:42

オリジナル

1659 人が閲覧しました

この記事の例では、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("色","青"); })
})

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

例 2:

<頭>

スクリプトホーム

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

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

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