jquery visible 選擇器
翻譯結果:
visible
英[ˈvɪzəbl] 美[ˈvɪzəbəl]
adj.看得見的;明顯的,明顯的;手頭的,可得到的;可察覺到的
jquery visible 選擇器語法
作用::visible 選擇器選取每個目前是可見的元素。除以下幾種情況以外的元素即是可見元素:設定為display:none type="hidden" 的表單元素 Width 和height 設定為0隱藏的父元素(同時隱藏所有子元素)
語法:$(":visible")
jquery visible 選擇器範例
<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>
#點擊 "執行實例" 按鈕查看線上實例