jQueryの可視セレクター
翻訳結果：
visible
英語 [ˈvɪzəbl] アメリカ人 [ˈvɪzəbəl]
adj. 目に見える、明白な、明白な、手元にある、利用可能な、知覚可能な
jQueryの可視セレクター構文
関数: :visible セレクターは、現在表示されている各要素を選択します。次の状況を除く要素は表示要素です。 form 要素が display:none type="hidden" に設定されている。 幅と高さが 0 に設定されている。 非表示の親要素 (すべての子要素が同時に非表示になる)
# # 文法:$(":visible")
jQueryの可視セレクター例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body :visible").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します