jQuery的表单选择器篇
2017-09-25 本文已影响0人
满嘴骚话
表单选择器
1.常规选择器
我们可以使用 id、类(class)和元素名来获取表单字段，如果是表单元素，都必须含有name属性，还可以结合属性选择器来精确定位。
$('input').val(); //元素名定位，默认获取第一个
$('input').eq(1).val(); //同上，获取第二个
$('input[type=password]').val(); //选择 type 为 password 的字段
$('input[name=user]').val(); //选择 name 为 user 的字段
那么对于 id 和类(class)用法比较类似，也可以结合属性选择器来精确的定位，在这里我
们不在重复。对于表单中的其他元素名比如：textarea、select 和 button 等，原理一样，不在重复。
2.表单选择器
| 方法名 | 描述 | 返回 |
|---|---|---|
| :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 | 集合元素 |
3.表单过滤器
| 方法名 | 描述 | 返回 |
|---|---|---|
| :enabled | 选取所有可用元素 | 集合元素 |
| :disabled | 选取所有不可用元素 | 集合元素 |
| :checked | 选取所有被选中的元素，单选和复选字段 | 集合元素 |
| :selected | 选取所有被选中的元素，下拉列表 | 集合元素 |
上一篇: jQuery的DOM节点操作篇
下一篇: jQuery的基础事件篇
