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 相关文章推荐
jQuery插件的写法分享
Jun 12 Javascript
js 删除数组的几种方法小结
Feb 21 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
javascript实现数独解法
Mar 14 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
bootstarp modal框居中显示的实现代码
Feb 18 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
微信小程序之自定义组件的实现代码(附源码)
Aug 02 Javascript
记录vue项目中遇到的一点小问题
May 14 Javascript
微信小程序实现吸顶效果
Jan 08 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
77A一级收信机修理记
2021/03/02 无线电
一个好用的分页函数
2006/11/16 PHP
浅析php与数据库代码开发规范
2013/08/08 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
Yii全局函数用法示例
2017/01/22 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
html读出文本文件内容
2007/01/22 Javascript
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
node.js中的fs.existsSync方法使用说明
2014/12/17 Javascript
jQuery学习笔记之入门
2016/12/14 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
如何用原生js写一个弹窗消息提醒插件
2019/05/24 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
python冒泡排序简单实现方法
2015/07/09 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
Pytorch释放显存占用方式
2020/01/13 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
CSS3制作圆角图片和椭圆形图片
2016/07/08 HTML / CSS
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
瑞典轮胎在线:Tirendo.se
2018/06/21 全球购物
怎么写好自荐信
2013/10/30 职场文书
应届大专毕业生自我鉴定
2014/04/08 职场文书
大学生活自我评价
2014/04/09 职场文书
《第一次抱母亲》教学反思
2014/04/16 职场文书
护士长2014年终工作总结
2014/11/11 职场文书
英文商务邀请函范文
2015/01/31 职场文书
检讨书怎么写
2015/05/07 职场文书
2016年国陪研修感言
2015/11/18 职场文书
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript