1、:input表单选择器 选中所有的表单元素
用法举例$(“#id :input”).addClass(“red”); 修改边框; 注意“:”前面有空格。
2、:text表单文本选择器 选中文本元素
用法举例$(“#id :text”).addClass(“bg_red”); 注意“:”前面有空格。
3、:password表单密码选择器
用法举例$("#frmTest :password").addClass("bg_red");; 注意“:”前面有空格
4、:radio单选按钮选择器
$("#frmTest :radio").attr("disabled","true"); 把单选按钮设置为不可用
$("#frmTest :radio").hide(); hide()方法功能是隐藏元素;
5、:checkbox 复选框选择器
$("#frmTest :checkbox").attr("disabled","true");
$("#frmTest :checkbox").attr("checked","true");将表单全部复选框设置为选中状态
6、:submit 提交按钮选择器
$("#frmTest :submit").addClass("bg_red");
$("#frmTest :submit").attr(“value”,”点我就提交了”);改变submit按钮的value值
7、:image 图像域选择器
$("#frmTest :image").addClass("bg_red");修改表单中图像元素的背景色。
8、:button表单按钮选择器
$("#frmTest :button").addClass("bg_blue"); 修改表单中元素的边框;
9、:checked 选中状态选择器
$("#frmTest :checked").attr("disabled", true); 将选中状态的元素设置为不可用。
$("form input:checked").hide(); 注意:此时没有空格
10、:selected 选中状态选择器
<div id="tip"></div>
<script type="text/javascript">
var $txtOpt = $("#frmTest :selected").text();
$("#tip").html("选中内容为:" + $txtOpt);
</script>
将处于选中状态的元素内容写出来。
text()方法的功能是获取或设置元素的文本内容,
注意:列表框选中时状态为selected,而不是checked