jQuery:可視セレクターの使い方の紹介

概要

表示されているすべての要素に一致します

例

説明:

表示されているすべての tr 要素を検索します

HTML コード:

<table> 
<tr style="display:none">
<td>Value 1</td>
</tr> <tr>
<td>Value 2</td>
</tr> 
</table>

jQuery コード:

$("tr:visible")

結果:

[ <tr><td>Value 2</td></tr> ]

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

文法構造:

$(":visible")

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

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

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

コード例:

例 1:

我是不可见的
我是可见的

  
php中文网欢迎您

点击查看效果

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

例 2:

我是不可见的
我是可见的

  
脚本之家欢迎您

点击查看效果

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

以上がjQuery:可視セレクターの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。