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

时间: 2024-10-13 01:06:24

jQuery表单选择器的相关文章

2. jQuery表单选择器

表单选择器 1. :button Selector 1. jQuery(":button") 2. 选择所有元素和类型为按钮的元素2. :checkbox Selector 1. jQuery(":checkbox") 2. 选择所有元素和类型为复选框的元素3. :checked Selector 1. jQuery(":checked") 2. 选择所有有勾选的元素4. :disabled Selector 1. jQuery("di

第一百六十八节,jQuery,表单选择器

jQuery,表单选择器 学习要点: 1.常规选择器 2.表单选择器 3.表单过滤器 表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以 使用之前的常规选择器或过滤器,也可以使用 jQuery 为表单专门提供的选择器和过滤器来 准确的定位表单元素. 一.常规选择器 我们可以使用 id.类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name 属性,还可以结合属性选择器来精确定位. $('input').val(); //元素名定位,默认获取第一个

JQuery表单元素过滤选择器

此选择器主要是对所选择的表单元素进行过滤: 选择器 描述 返回 enabled 选择所有的可用的元素 集合元素 disabled 选择所有的不可用的元素 集合元素 checked 选择所有被选中的元素(单选框,复选框) 集合元素 selected 选择所有被选中选项元素(下拉列表) 集合元素 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd&q

网站前端_jQuery-基础入门.玩转jQuery基本/层次/过滤/表单选择器?

对比选择: 1. CSS依靠CSS选择器使得网页的结构和表现样式完全分离,CSS选择器能轻松定位并修改指定元素样式,CSS选择器包括标签选择器(以文档元素作为选择器),ID选择器(以文档元素的唯一标识ID作为选择器),类选择器(以文档元素的class作为选择器),群组选择器(多个选择器应用同样的样式规则),后代选择器(元素X的任意后代元素Y),通配选择器(以文档的所有元素作为选择器),伪类选择器(以元素特定行为作为选择器),子选择器(元素X的直接子属元素Y),兄弟选择器(元素X的直属兄弟元素Y)

jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器

选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了CSS的风格.利用jQuery选择器,可以非常便捷的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器. jQuery选择器可简单分为基本选择器.层次选择器.过滤选择器.表单选择器.下面通过表格进行一一介绍. 1.基本选择器 选择器 描 述 返 回 示 例 #id 匹

jquery过滤选择器-----------(表单对象属性过滤选择器 与 表单选择器)

1.表单对象属性选择器 2.程序 3.表单选择器

Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器。

基本选择器 说明:通过元素id.class和标签名等来查找DOM元素 1.id选择器:$("#test");//选取id为test的元素 2.类选择器:$(".test");//选取所有class为test的元素,其他:$('div.mini') 3.标签选择器:$("div");//选取所有的<div>元素 4.群组选择器:$("p,div,.test");//选取所有<P>,<div>和

表单选择器

表单作为HTML中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以使用之前的常规选择器或过滤器,也可以使用jQuery为表单专门提供的选择器和过滤器来准确的定位表单元素. 常规选择器 我们可以使用id.类(class)和元素名来获取表单字段, 如果是表单元素, 都必须含有name属性,还可以结合属性选择器来精确定位. 如html代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8&qu

Jquery7 表单选择器

学习要点: 1.常规选择器 2.表单选择器 3.表单过滤器 表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以使用之前的常规选择器或过滤器,也可以使用 jQuery 为表单专门提供的选择器和过滤器来准确的定位表单元素. 一.常规选择器 可以使用 id.类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name属性,还可以结合属性选择器来精确定位. $('input').val(); //元素名定位,默认获取第一个 $('input').eq(1).