jQuery中:disabled选择器用法实例


Posted in Javascript onJanuary 04, 2015

本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够选取所有禁用的表单元素。

语法结构:

$(":disabled")

此选择器一般也要和其他选择器配合使用,比如类选择器、元素选择器等等。

$("input:disabled").css("background-color","red");

以上代码能够将不可用的input元素的背景色设置为红色。
实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript For Beginners(转载)
Jan 05 Javascript
理解JSON:3分钟课程
Oct 28 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 Javascript
Webpack3+React16代码分割的实现
Mar 03 Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 #Javascript
jQuery中:enabled选择器用法实例
Jan 04 #Javascript
jQuery中:file选择器用法实例
Jan 04 #Javascript
jQuery中:button选择器用法实例
Jan 04 #Javascript
原生javascript实现隔行换色
Jan 04 #Javascript
jQuery中:reset选择器用法实例
Jan 04 #Javascript
浅谈 javascript 事件处理
Jan 04 #Javascript
You might like
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
DISCUZ 分页代码
2007/01/02 PHP
PHPMyadmin 配置文件详解(配置)
2009/12/03 PHP
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
php读取本地文件常用函数(fopen与file_get_contents)
2013/09/09 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
php实现session共享的实例方法
2019/09/19 PHP
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
解析Node.js异常处理中domain模块的使用方法
2016/02/16 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
如何用Node写页面爬虫的工具集
2018/10/26 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
Python判断有效的数独算法示例
2019/02/23 Python
学Python 3的理由和必要性
2019/11/19 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
Perfumetrader荷兰:香水、化妆品和护肤品在线商店
2017/09/15 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
安全教育月活动总结
2014/05/05 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
Python打包为exe详细教程
2021/05/18 Python
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python
java开发双人五子棋游戏
2022/05/06 Java/Android