jQuery選擇器——可見性過濾選擇器

上一章介紹了屬性過濾選擇器，相信大家都看明白了吧，今天要學習的是可見性過濾選擇器，為了更好地學習，我們先列出一段HTML程式碼：

<div id="main">
    <div id="one" class="aaa">
        id=one,class=aaa的div
        <div class="mini">class=mini的div</div>
    </div>
    <div id="two" class="aaa">
        id=two,class=aaa的div
        <div class="mini" title="test">class=mini，title=test的div</div>
        <div class="mini" title="other">class=mini，title=other的div</div>
    </div>
    <div>
        包含input(type=hidden)的div
        <input type="hidden" value="隱藏的input"/>
    </div>
    <div style="display: none">隱藏的div</div>
</div>

一、:hidden

選擇器：:hidden
描述：匹配所有不可見的元素，或者type為hidden的元素
返回值：元素集合
示例：

$("#main div:hidden").show(1000).css("background","#ffbbaa");
alert($("#main input:hidden").attr("value"));
alert($("#main input:hidden").val());

執行截圖如下：

二、:visible

選擇器：:visible
描述：匹配所有的可見元素
返回值：元素集合
示例：

$("#main div:visible").css("background","#ffbbaa");

執行截圖如下：