jQuery基础教程之强大的选择器（表单选择器）

今天我们来说说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代码如下：

view source

print ?

01	<form id="form1" action="#">

02	<input value="Button" type="button"><br>

03	<input name="c" type="checkbox">1

04	<input name="c" type="checkbox">2

05	<input name="c" type="checkbox">3<br>

06	<input type="file"><br>

07	<input type="hidden">

08	<div style="display: none;">test</div>

09

10

<br>

11	<input type="image"><br>

12	<input type="password"><br>

13	<input name="a" type="radio">1

14	<input name="a" type="radio">2<br>

15	<input value="重置" type="reset"><br>

16	<input value="提交" type="submit"><br>

17	<input type="text"><br>

18

<select>

19	<option>Option</option>

20

</select>

21

22

<br>

23	<textarea cols="20" rows="5"></textarea><br>

24	<button>Button</button><br>

25

</form>

如果想得到表单内表单元素的个数：jQuery代码如下：

view source

print ?

1	$("#form1 :input").length;//16个 注意$("#form1 input").length 是13个

如果想得到表单内单行文本框的个数，代码如下：

view source

print ?

1	$("#form1 :text").length;//1个

如果想得到表单内密码框的个数，代码如下：

view source

print ?

1	$("#form1 :password").length;//1个