jQuery表單偽類選擇器

2020-07-16 10:05:24
“表單”偽類選擇器,指的是專門操作表單元素的一種偽類選擇器。在 jQuery 中,常用的“表單”偽類選擇器如表 1 所示。

表 1:“表單”偽類選擇器
選擇器 說明
:input 選取所有 input 元素
:button 選取所有普通按鈕,即<input type ="button" />
:submit 選取所有提交按鈕,即<input type ="submit" />
:reset 選取所有重置按鈕,即<input type = "reset" />
:text 選取所有單行文字方塊
:textarea 選取所有多行文字方塊
:password 選取所有密碼文字方塊
:radio 選取所有單選框
:checkbox 選取所有核取方塊
:image 選取所有圖片域
:file 選取所有檔案域

舉例:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function() {
            $("input:checkbox").attr("checked", "checked");
        })
    </script>
</head>
<body>
    <p>性別:
        <label><input type="radio" name="gendar"/>男</label>
        <label><input type="radio" name="gendar"/>女</label>
    </p>
    <p>喜歡的水果:
        <label><input type="checkbox"/>蘋果</label>
        <label><input type="checkbox"/>西瓜</label>
        <label><input type="checkbox"/>蜜桃</label>
    </p>
</body>
</html>
程式執行效果如圖 1 所示。
checkbox選擇器的效果
圖 1::checkbox 選擇器的效果