首页 > 建站教程 > JS、jQ、TS >  jQuery表单选择器和表单过滤器正文

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
集合元素
代码示例:
$(':input').size(); //获取所有表单字段元素
$(':text).size(); //获取单行文本框元素
$(':password').size(); //获取密码栏元素
$(':radio).size(); //获取单选框元素
$(':checkbox).size(); //获取复选框元素
$(':submit).size(); //获取提交按钮元素
$(':reset).size(); //获取重置按钮元素
$(':image).size(); //获取图片按钮元素
$(':file).size(); //获取文件按钮元素
$(':button).size(); //获取普通按钮元素
$(':hidden).size(); //获取隐藏字段元素,要限定范围,如果直接使用,会发现多出来很多隐藏元素,实际上是html的隐藏元素。
   注意:这些选择器都是返回元素集合,如果想获取某一个指定的元素,最好结合一下属性选择器。比如:
$(':text[name=user]).size(); //获取单行文本框 name=user 的元素
表单过滤器
方法名
描述
返回
:enabled
选取所有可用元素
集合元素
:disabled
选取所有不可用元素
集合元素
:checked
选取所有被选中的元素,单选和复选字段
集合元素
:selected
选取所有被选中的元素,下拉列表
集合元素
代码示例:
$(':enabled').size(); //获取可用元素
$(':disabled).size(); //获取不可用元素
$(':checked).size(); //获取单选、复选框中被选中的元素
$(':selected).size(); //获取下拉列表中被选中的元素