jQuery表单选择器

Posted 2020-07-03 我就是那个王小明

jQuery表单选择器

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