分类解析jQuery选择器(6)

  $("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    获取所有的文件域

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzzgws.html