jQuery表單屬性偽類選擇器

“表單屬性”偽類選擇器，指的是根據表單元素的屬性來選取的一種偽類選擇器。在 jQuery 中，常見的“表單屬性”偽類選擇器如表 2 所示。

表 2：“表單屬性”偽類選擇器
選擇器	說明
:checked	選取所有被選中的表單元素，一般是單選框或核取方塊
:selected	選取被選中的表單元素的選項，一般是下拉選單
:enabled	選取所有可用的表單元素
:disabled	選取所有不可用的表單元素
:read- only	選取所有唯讀的表單元素
:focus	選取所有獲得焦點的表單元素

上表的這些“表單屬性”偽類選擇器，在實際開發中用得非常多，大家一定要重視。不過在這一節的學習中有個初步認識就可以了，至於在實際開發中怎麼用，我們之後會慢慢接觸。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function() {
            var result = $("input:checked").val();
            alert(result);       //彈出被選中文字方塊的值
        })
    </script>
</head>
<body>
    <p>喜歡的水果：
        <label><input type="checkbox" value="蘋果"/>蘋果</label>
        <label><input type="checkbox" value="西瓜" checked/>西瓜</label>
        <label><input type="checkbox" value="蜜桃"/>蜜桃</label>
    </p>
</body>
</html>

程式執行效果如圖 2 所示。

圖 2：:checked 選擇器的效果