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

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

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

文法構造:

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

$(":gt(index)")

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

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

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

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

パラメータリスト:

参数	描述
index	给定的索引值

コード例:

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

$(document).ready(function(){
$("#btn").click(function(){
$("li:gt(0)").css("色","青"); })
})

• html エリア


• div CSS エリア


• jQuery ゾーン


• JavaScript ゾーン

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