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 相关文章推荐
关于this和self的使用说明
Aug 01 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
Jul 10 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
jQuery插件kinMaxShow扩展效果用法实例
May 04 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
js实现根据身份证号自动生成出生日期
Dec 15 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
JS中Array数组学习总结
Jan 18 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
Mar 08 Javascript
element-ui多文件上传的实现示例
Apr 10 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
Yii框架form表单用法实例
2014/12/04 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
php封装的page分页类完整实例
2016/10/18 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
一个符号插入器 中用到的js代码
2007/09/04 Javascript
javascript整除实现代码
2010/11/23 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
js replace替换所有匹配的字符串
2014/02/13 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
js日期联动示例
2014/05/02 Javascript
JavaScript获取图片真实大小代码实例
2014/09/24 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
浅谈Angular 中何时取消订阅
2017/11/22 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
Python模块搜索路径代码详解
2018/01/29 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
浅述python2与python3的简单区别
2018/09/19 Python
python爬虫之自动登录与验证码识别
2020/06/15 Python
Python WEB应用部署的实现方法
2019/01/02 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
PyCharm无法识别PyQt5的2种解决方法,ModuleNotFoundError: No module named 'pyqt5'
2020/02/17 Python
python 利用zmail库发送邮件
2020/09/11 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
结构工程研究生求职信
2013/10/13 职场文书
公司庆典活动邀请函
2014/01/09 职场文书
企业授权委托书范本
2014/09/22 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
电影地道战观后感
2015/06/04 职场文书
windows下快速安装nginx并配置开机自启动的方法
2021/05/11 Servers
MySQL系列之十二 备份与恢复
2021/07/02 MySQL