JQ6 表单选择器

常规选择器  我们可以使用id、类(class)和元素名来获取表单字段，如果是表单元素，都必须含有name属性，还可以结合属性选择器来精确定位。

$('input').val(); //元素名定位，默认获取第一个

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

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

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

                                      表单选择器

方法名	描述	返回
: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	集合元素

<form>

<input type="text" name="user" value="123" />

<input type="password" name="pass" value="456" />

<input type="radio" name="sex" value="男" checked="checked" />男

<input type="radio" name="sex" value="女" />女

<textarea></textarea>

<select name="city" multiple>

<option>1</option>

<option>2</option>

<option>3</option>

</select>

<button></button>

</form>

$(':input').size(); //获取所有表单字段元素

$(':text').size(); 等效 $(':input[type=text]').size(); //获取单行文本框元素

$(':password').size(); 等效 $(':input[type=password]').size();//表单选择器获取密码栏元素

//常规获取密码栏的值的几种方法

$('input').eq(1).val(); //     这种写法语义不清晰，

$('input[type=password]').val(); //属性选择器，语义清晰

$('input[name=pass]').val(); 

$('input[type=password][name=pass]').val(); 

//获取单选框元素

$(':radio').size(); 等效 $(':input[type=radio]').size();

$(':checkbox').size(); 等效 $(':input[type=checkbox]').size();//获取复选框元素

$(':submit').size();等效 $(':input[type=submit]').size(); //获取提交按钮元素

$(':reset').size(); 等效 $(':input[type=reset]').size();//获取重置按钮元素

$(':image').size(); 等效 $(':input[type=image]').size();//获取图片按钮元素

$(':file').size(); 等效 $(':input[type=file]').size();//获取文件按钮元素

$(':button').size(); 等效 $(':input[type=button]').size();//获取普通按钮元素

$('form :hidden').size(); 等效 $(':input[type=hidden]').size();//获取隐藏字段元素

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

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