您的位置:首页 > Web前端 > JQuery

jQuery表单选择器

2016-05-08 15:09 375 查看
<form id="frmTest" action="#">

......

</form>

所有表单选择器:前都要加空格(直接标签的不用)

1  
:input
表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select>
和 <button>标记的表单元素   $("#frmTest:input")

2  :text表单文本选择器可以获取表单中全部单行的文本输入框元素  $("#frmTest:text")

3 :password选择器,它的功能是获取表单中全部的密码输入文本框元素

4 :radio选择器可轻松获取表单中的全部单选按钮元素

 

$("#frmTest :checkbox").attr("disabled",true); //frmTest和冒号之间要一个空格,disabled为true表示全部复选框不可用

$("#frmTest :checkbox").attr("checked",true); //checked为true表示全部默认选中

5 :submit选择器可获取表单中的这个提交按钮元素,前提要写详细是哪个表单哪个标签的,否则button都会被选中

$("#frmTest input:submit").addClass("bg_red");//input后面就不用加空格了

6 当一个<input>元素的“type”属性值设为“image”时,该元素就是一个图像域,使用
:image
选择器可以快速获取该类全部元素

7 :button选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。

8 调用:checked可以获取处于选中状态的全部元素

9
:selected
选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: