jQuery の場合: 最初のセレクターの使用例 example_jquery

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

このセレクターは、指定された要素のコレクション内の最初の要素と一致します。

文法構造:

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

$(":first")

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

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

$("li:first").css("color", "緑" )

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

コード例:

例 1:

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

$(document).ready(function(){
$("ボタン").click(function(){
$("li:first").css("color","green")
})
})
スクリプト>
頭>

html エリア

div CSS エリア

jQuery ゾーン

JavaScript ゾーン

クリックして効果を確認します 本文>




上記のコードは、li 要素コレクションの最初の li 要素のフォントの色を緑色に設定できます。
例 2:

コードをコピーします

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

$(document).ready(function(){
$("ボタン").click(function(){
$(":first").css("color","green")
})
})
スクリプト>
頭>

html エリア

div CSS エリア

jQuery ゾーン

JavaScript ゾーン

スクリプト ホーム 太陽が出ています

クリックして効果を確認します 本文>




上記のコードでは :first セレクターに一致するセレクターが指定されていないため、デフォルトで * セレクターとともに使用され、上記のコードはすべての要素のフォントの色を緑色に設定します。

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