一.常规选择器
我们可以使用 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:选取所有被选中的元素,下拉列表
- 本文固定链接: https://www.qingheluo.com/jqueryzhongbiaodanxuanzeqi/
- 转载请注明: qingheluo 于 清河洛 发表