$("input:enabled").val("jQuery表单对象属性过滤选择器"); <div> <input type="text" value="我是一个可用的input" /> ***不会被选中,是一个可用的表单元素 <input type="text" value="我是一个不可用的input" disabled="disabled" /> ***会被选中,是不可用的表单元素 //注意,jQuery能够操作不可用 的表单元素 </div>
(3)、:checked 获取表单中被选中的元素 从属性能够知道用户选中了哪个
$("input:checked").val("jQuery"); <div> <input type="checkbox" checked="checked" value="1">选中 <input type="checkbox" value="0">未选中 </div>
(4)、:selected 获取表单中被选中的元素 此属性能够知道用户选择了哪个
alert($("input:selected").text("")); //获取所有被选中的option元素 <div> <selected> <option value="0" selected="selected">option1</option> ***会被选中 <option value="1">option2</option> ***不会被选中,因为本option不是选中的。 </selected> </div>
9、表单选择器
(1)、:input 获取所有的input、textarea、select
$(":input").val("jQuery"); <div> <textarea>我是一个兵</textarea> ***会被选中 <input text="button" value="" /> ***会被选中 <p>我是一个P</p> ***不会被选中 </div>
(2)、:text 获取所有的单行文本框,也就是<input type="text" />元素
$(":text").val("jQuery"); <div> <input type="text" value="我是一个input" /> ***会被选中,是单行文本框 <input type="button" value="确定" /> ***不会被选中,不是单行文本框 <textarea>我是一个textarea</textarea> ***不会被选中,不是单行文本框 </div>
(3)、:password 获取所有的密码框 也就是<input type="password" />元素
$(":password").hide(3000); <div> <input type="password" /> ***会被选中,是密码框 <input type="text" value="我是一个文本框" /> ***不会被选中,是文本框 </div>
(4)、:radio 获取所有的单选按钮
$(":radio").hide(3000); <div> <input type="radio" />我是一个radio ***单选按钮会被选中,但是后面的文字不会 <input type="text" />我是一个文本框 ***不会被选中 </div>
(5)、:checkbox 获取所有的复选框
$(":checkbox").hide(3000); <div> <input type="checkbox" />我是一个checkbox ***复选框会被选中,文本不会 <input type="text" />我是一个文本框 ***不会被选中,不是复选框 </div>
(6)、:submit 获取所有的提交按钮
$(":submit").hide(3000); <div> <input type="submit" value="提交"> ***会被选中,是提交按钮 <input type="text" value="我是一个文本框"> ***不会被选中,不是提交按钮 </div>
(7)、:image 获取所有的图像域
$(":image").attr("title","我是一个图片按钮"); <div> <input type="image" src="https://www.baidu.com/img/baidu_sylogo1.gif" /> ***会被选中 <input type="text" value="我是一个文本框" /> ***不会被选中,不是图片按钮 </div>
(8)、:reset 获取所有重置按钮
$(":reset").hide(3000); <div> <input type="reset" value="重置"> ***会被选中,是重置按钮 <input type="text" value="我是一个文本框"> ***不会被选中,不是重置按钮 </div>
(9)、:button 获取所有的按钮
$(":button").hide(3000); <div> <input type="button" value="确认" /> ***会被选中,是按钮元素 <input type="text" value="我是一个文本框" /> ***不会被选中,不是按钮元素 </div>
(10)、:file 获取所有的文件域