jQuery中表单选择器

一.常规选择器

我们可以使用 id、类(class)和元素名来获取表单字段，如果是表单元素，都必须含有name属性，还可以结合属性选择器来精确定位。

$('input').val(); //元素名定位，默认获取第一个

$('input').eq(1).val(); //同上，获取第二个

$('input[type=password]').val(); //选择 type 为password 的字段

二.表单选择器

虽然可以使用常规选择器来对表单的元素进行定位，但有时还是不能满足开发者灵活多变的需求。所以，jQuery 为表单提供了专用的选择器。

:input：选取所有 input、textarea、select和button 元素

:text：选择所有单行文本框，即type=text

:password：选择所有密码框，即type=password

:radio：选择所有单选框，即type=radio

:checkbox：选择所有复选框，即type=checkbox

:submit：选取所有提交按钮，即 type=submit

:reset：选取所有重置按钮，即type=reset

:image：选取所有图像按钮，即 type=image

:button：选择所有普通按钮，即 button 元素

:file：选择所有文件按钮，即 type=file

:hidden：选择所有不可见字段，即type=hidden

这些选择器都是返回元素集合，如果想获取某一个指定的元素，最好结合一下属性选择器。比如：

$(':text[name=user]); //获取单行文本框 name=user的元素

三.表单过滤器

jQuery 提供了四种表单过滤器，分别在是否可以用、是否选定来进行表单字段的筛选过滤。

:enabled：选取所有可用元素

:disabled：选取所有不可用元素

:checked：选取所有被选中的元素，单选和复选字段

:selected：选取所有被选中的元素，下拉列表

最后编辑：2019-12-13

作者：qingheluo

这个作者貌似有点懒，什么都没有留下。