jQuery の場合: 可視セレクターの使用例 example_jquery

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

このセレクターは、現在表示されているすべての要素と一致します。

文法構造:

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

$(":visible")

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

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

$("div:visible").css({color:"青"} )

上記のコードは、表示される div 要素のフォントの色を青に設定します。
他のセレクターで使用しない場合、デフォルトの状態は * セレクター で使用されます。たとえば、$(":visible") は $("*:visible") と同等です。

コード例:

例 1:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("div:visible").css({color:"blue"}); })
})

私は見えません

私は表示されています

• スクリプト ハウスはあなたを歓迎します

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

上記のコードは、表示される div のテキストの色を青に設定できます。

例 2:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$(":visible").css({color:"blue"}); })
})

私は見えません

私は表示されています

• スクリプト ハウスはあなたを歓迎します

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





上記のコードでは、:visible セレクターで使用されるセレクターが指定されていないため、デフォルトで * セレクターで使用され、コードはすべての表示要素のテキストの色を青に設定できます。

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