jQuery中:disabled选择器用法实例
本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下:
此选择器能够选取所有禁用的表单元素。
$(":disabled")
此选择器一般也要和其他选择器配合使用,比如类选择器、元素选择器等等。
$("input:disabled").css("background-color","red");
以上代码能够将不可用的input元素的背景色设置为红色。
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>我们</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("input:disabled").css("background-color","red");
});
});
</script>
</head>
<body>
<ul>
<li>
不可用文本框:<input type="text" name="zhuanqu" disabled="disabled" />
可用的文本框:<input type="text" name="keyong" />
</li>
</ul>
<button>点击查看效果</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery中:enabled选择器用法实例
本文实例讲述了jQuery中:enabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器可以选取所有可用的元素. 语法结构: 复制代码 代码如下: $(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色
-
jQuery中removeAttr()方法用法实例
本文实例讲述了jQuery中removeAttr()方法用法.分享给大家供大家参考.具体分析如下: 此方法从匹配元素中移除相应的属性. 语法结构: 复制代码 代码如下: $(selector).removeAttr(attribute) 参数列表: 参数 描述 attribute 定义要从匹配元素中移除的属性 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"
-
Jquery下attr和removeAttr的使用方法
下面我们来具体看一下attr的用法: 一.attr(name):取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined .其中name为string.下面我用一个img元素演示一下这种用法: 复制代码 代码如下: //html文件中 <img src="a.gif" /> //我们可以用attr获得img元素的src属性,具体用法如下: $(function(){ var imgSrc = $(
-
jQuery中attr()方法用法实例
本文实例讲述了jQuery中attr()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或返回匹配元素的属性值. attr()方法根据参数的不同,功能也不同. 语法结构一: 获取第一个匹配元素指定属性的属性值. 复制代码 代码如下: $(selector).attr(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta chars
-
jQuery中:button选择器用法实例
本文实例讲述了jQuery中:button选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有按钮. 语法结构: 复制代码 代码如下: $(":button") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:selected选择器用法实例
本文实例讲述了jQuery中:selected选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配被选择的<option>元素. 语法结构: 复制代码 代码如下: $(":selected") 此选择器可以和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $(".myselect :selected").css("color","red") 以上代码能够将类名为myse
-
jQuery中:file选择器用法实例
本文实例讲述了jQuery中:file选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取类型为file的<input>元素. 语法结构: 复制代码 代码如下: $(":file") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" co
-
jQuery中:checked选择器用法实例
本文实例讲述了jQuery中:checked选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有选中的复选框或单选按钮. 语法结构: 复制代码 代码如下: $(":checked") 此选择器可以和其他选择器配合使用,比如[类选择器.元素选择器等等. 复制代码 代码如下: $(".myradio:checked").hide(); 以上代码能够将类名为myradio,并且被选中的复选框或者单选框隐藏. 实例代码: 复制代码 代码如下: <!D
-
jQuery .attr()和.removeAttr()方法操作元素属性示例
今天主要和大家一起分享一下如何使用jQuery的.attr()和.removeAttr()方法读取,添加,修改,删除元素的属性.大家在平时的Web页面制作中都有碰到如何动态的获取元素的属性和属性值,或者说动态的修改元素的某个(某些)属性的属性值.那么jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现: 1 .attr():jQuery中的.attr()方法让你能轻松的读取,增加或修改一个元素的属性(详情参考.attr(
-
jQuery中:disabled选择器用法实例
本文实例讲述了jQuery中:disabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有禁用的表单元素. 语法结构: 复制代码 代码如下: $(":disabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等. 复制代码 代码如下: $("input:disabled").css("background-color","red"); 以上代码能够将不可用的input元素的
-
jQuery中:text选择器用法实例
本文实例讲述了jQuery中:text选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有的单行文本框. 语法结构: 复制代码 代码如下: $(":text") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
jQuery中:submit选择器用法实例
本文实例讲述了jQuery中:submit选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有提交按钮. 并不是只有type为submit才能够选取,button按钮也被选取了. 语法结构: 复制代码 代码如下: $(":submit") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta na
-
jQuery中:radio选择器用法实例
本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt
-
Jquery中基本选择器用法实例详解
本文实例讲述了Jquery中基本选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
-
jQuery中:first选择器用法实例
本文实例讲述了jQuery中first选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配指定元素集合中的第一个元素. 语法结构: 复制代码 代码如下: $(":first") 在使用中一般要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:first").css("color","green") 以上代码能够将li元素集合中的第一个li元素中的字体颜色设置为绿色. 如果不
-
jQuery中:lt选择器用法实例
本文实例讲述了jQuery中:lt选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配所有小于给定索引值的元素. 索引值最小是从0开始的. 语法结构: 复制代码 代码如下: $(":lt(index)") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等. 例如: 复制代码 代码如下: $("li:lt(3)").css("color","blue") 以上代码能够将索引小于3的li元素中的字体颜色
-
jQuery中:only-child选择器用法实例
本文实例讲述了jQuery中:only-child选择器用法.分享给大家供大家参考.具体分析如下: 此选择器将匹配父元素的唯一子元素.如果其父元素中含有其他元素,那将不会被匹配. 语法结构: 复制代码 代码如下: $(":only-child") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("li:only-child").css("color","blue") 以上代
-
jQuery中:password选择器用法实例
本文实例讲述了jQuery中:password选择器用法,分享给大家供大家参考.具体分析如下: 此选择器能够选取所有密码框. 语法结构: 复制代码 代码如下: $(":password") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo
随机推荐
- Python对象的深拷贝和浅拷贝详解
- Hibernate通用数据库操作代码
- JS在一定时间内跳转页面及各种刷新页面的实现方法
- Sql中存储过程的定义、修改和删除操作
- javascript搜索框效果实现方法
- Python选课系统开发程序
- php 图片加水印与上传图片加水印php类
- PHP 截取字符串函数整理(支持gb2312和utf-8)
- PHP自动生成月历代码
- IIS7.5显示ASP的详细错误信息"500 – 内部服务器错误解决"
- Android 解决WebView无法上传文件的问题
- php学习之运算符相关概念
- JavaScript实现跟随滚动缓冲运动广告框
- jQuery下的Ajax调试步骤
- WIN32程序获取父进程ID的方法
- 下载站mime属性设置(让文件可下载)
- android基础教程之开机启动示例
- jQuery中hover与mouseover和mouseout的区别分析
- 深入理解JS正则表达式---分组
- 浅谈Nodejs应用主文件index.js