ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery の場合: 非表示セレクターの使用例 example_jquery

jQuery の場合: 非表示セレクターの使用例 example_jquery

WBOY
WBOYオリジナル
2016-05-16 16:23:101402ブラウズ

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

このセレクターは、すべての非表示要素、またはタイプが非表示の要素と一致します。

文法構造:

コードをコピー コードは次のとおりです:
$(":hidden")

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

コードをコピー コードは次のとおりです:
$("div:hidden").css({display:"ブロック"、色:"青"})

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

コード例:

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



<頭>


スクリプト ホーム


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



後で見ただけです

私は本質的に可視です

私も透明人間になってしまった








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

この記事が皆さんの jQuery プログラミングに役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。