今天我们来说说jQuery选择器中的最后一类表单选择器，学完这最后一种选择器之后，接下来我会慢慢地带领大家对jQuery中如何操作DOM进行详细地讲解，同时我自己也在学习中，有好多jQuery操作DOM的函数我自己也没用过，正好借助写jQuery教程的机会，自己也能详细地了解一下jQuery中强大的操作函数。
下面我们来看看jQuery表单选择器的说明：
jQuery中引入了表单选择器，让我们能极其方便地获取到一个表单中的某个或某类型的元素。
详细说明请看下表：
| 选择器 | 描述 | 返回 | 示例 |
| :input | 选取所有<input>、<textarea>、 <select>、<button>元素 | 集合元素 | $(“:input”)选取所有<input>、<textarea>、<select>、<button>元素 |
| :text | 选取所有单行文框 | 集合元素 | $(“:text”)选取所有单行文框 |
| :password | 选取所有密码框 | 集合元素 | $(“:password”)选取所有密码框 |
| :radio | 选取所有单选框 | 集合元素 | $(“:radio”)选取所有的单选框 |
| :checkbox | 选取所有复选框 | 集合元素 | $(“:checkbox”)选取所有的复选框 |
| :submit | 选取所有提交按钮 | 集合元素 | $(“:submit”)选取所有的提交按钮 |
| :image | 选取所有的图像按钮 | 集合元素 | $(“:image”)选取所有的图像按钮 |
| :reset | 选取所有重置按钮 | 集合元素 | $(“:reset”)选取所有的重置按钮 |
| :button | 选取所有按钮 | 集合元素 | $(“:button”)匹配<input type=”button”><button> |
| :file | 选取所有的上传域 | 集合元素 | $(“:file”)选取所有的上传域 |
| :hidden | 选取所有不可见元素 | 集合元素 | $(“:hidden”)选取所有不可见元素（已经在不可见性过滤选择器中讲解过） |
下面把这些表单选择器运用到下面的表单中，对表单进行操作：
表单HTML代码如下：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<form id="form1" action="#">
<input value="Button" type="button"><br>
<input name="c" type="checkbox">1<input name="c" type="checkbox">2<input name="c" type="checkbox">3<br>
<input type="file"><br>
<input type="hidden"><div style="display:none">test</div><br>
<input type="image"><br>
<input type="password"><br>
<input name="a" type="radio">1<input name="a" type="radio">2<br>
<input type="reset"><br>
<input value="提交" type="submit"><br>
<input type="text"><br>
<select><option>Option</option></select><br>
<textarea rows="5" cols="20"></textarea><br>
<button>Button</button><br>
</form>
|
如果想得到表单内表单元素的个数：jQuery代码如下：
| 1 |
$("#form1 :input").length;//16个 注意$("#form1 input").length 是13个
|
如果想得到表单内单行文本框的个数，代码如下：
| 1 |
$("#form1 :text").length;//1个
|
如果想得到表单内密码框的个数，代码如下：
| 1 |
$("#form1 :password").length;//1个
|
