7.jQuery 表单选择器

表单作为HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以
使用之前的常规选择器或过滤器,也可以使用jQuery 为表单专门提供的选择器和过滤器来
准确的定位表单元素。



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

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

$('input[name=user]').val(); //选择name 为user 的字段</span></span>


那么对于id 和类(class)用法比较类似,也可以结合属性选择器来精确的定位,在这里我们不在重复。对于表单中的其他元素名比如:textarea、select 和button 等,原理一样,不在重复。


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



表单选择器
方法名描述返回
:input 选取所有input、textarea、select 和button 元素集合元素
: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选择所有单行文本框,即type=text集合元素




$(':text').size(); //获取单行文本框元素

$(':password').size();//获取密码栏元素

$(':radio').size();//获取单选框元素

$(':checkbox').size();//获取复选框元素

$(':submit').size(); //获取提交按钮元素

$(':reset').size(); //获取重置按钮元素

$(':image').size(); //获取图片按钮元素

$(':file').size();//获取文件按钮元素

$(':button').size(); //获取普通按钮元素

$(':hidden').size(); //获取隐藏字段元素</span>



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

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


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


表单过滤器
方法名描述返回
:enabled 选取所有可用元素集合元素
:disabled选取所有不可用元素集合元素
:checked 选取所有被选中的元素,单选和复选字段集合元素
:selected选取所有被选中的元素,下拉列表集合元素

 

$(':disabled').size();//获取不可用元素

$(':checked').size(); //获取单选、复选框中被选中的元素

$(':selected').size(); //获取下拉列表中被选中的元素</span>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值