版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/71506719
- :input 选取所有表单元素,返回集合
- :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" disabled/>
<input type="password" name="pass" value="456"/>
<textarea></textarea>
<select>
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
</select>
<select>
<option value="4">4</option>
<option value="5" selected>5</option>
<option value="6">6</option>
</select>
<button>2333</button>
<input type="radio" name="sex" value="nan" checked>男
<input type="radio" name="sex" value="nv">女
</form>
相应的操作:
alert($('input').size()); // 2 必须是input标签
alert($(':input').eq(1).val()); // 5 所有表单控件
alert($(':input').val()); // 默认获取集合中第一个的值
表单过滤器
- :enabled 选取所有可用元素 集合元素
- :disabled 选取所有不可用元素 集合元素
- :checked 选取所有被选中的元素,单选和复选字段 (测试时发现也可以选中下拉列表)
- :selected 选取所有下拉列表中被选中的元素,获得选定的元素的option对象
alert($(':enabled').size()); // 获取所有可用的元素
alert($(':disabled').val()); // 获取所有不可用的元素
alert($(':selected').size()); // 获取所有下拉框中被选中的元素 返回集合
alert($(':selected').size()); // select 可以识别selected checked可以识别checked和selected