JQuery属性选择器

今天我们学习一下JQuery属性选择器，方便我们调用不同类型的属性。

一、属性选择器

代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="script/jquery-3.3.1.min.js"></script>
    <script>
        $(function () {
            $('input');
        });
    </script>
</head>
<body>
    <input type="button" id="btn1" value="按钮1" />
    <input type="button" value="按钮2" />
    <input type="button" id="btn2" />
    <input type="text" id="txt1" />
</body>
</html>

展示效果：

JQuery属性选择器

有了属性选择器，我就能快速定位我需要的控件，然后对控件进行操作了。

4种表单选择器的简写

enabled：选择所有被启用的元素

disabled：选择所有被禁用的元素

checked：表示checked属性为选中状态的元素，用于checkbox、radio控件，$(':checkbox')：选择所有的checkbox元素

selected：表示所有被selected的option，用于select控件