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 Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
JavaScript Event学习第八章 事件的顺序
Feb 07 Javascript
jQuery取得select选择的文本与值的示例
Dec 09 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
Jan 16 Javascript
js实现表格筛选功能
Jan 18 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
十分钟带你快速了解React16新特性
Nov 10 Javascript
自定义Vue组件打包、发布到npm及使用教程
May 22 Javascript
JavaScript变量Dom对象的所有属性
Apr 30 Javascript
JavaScript分页组件使用方法详解
Jul 26 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
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
php生成xml简单实例代码
2009/12/16 PHP
PHP随机数生成代码与使用实例分析
2011/04/08 PHP
PHP中usort在值相同时改变原始位置问题的解决方法
2011/11/27 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
PHP简单判断字符串是否包含另一个字符串的方法
2016/03/25 PHP
Yii2.0 模态弹出框+ajax提交表单
2016/05/22 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
js window.onload 加载多个函数的方法
2009/11/02 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
2016/10/10 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
js 提交form表单和设置form表单请求路径的实现方法
2016/10/25 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
js对象简介与基本用法示例
2020/03/13 Javascript
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
平面设计师岗位职责
2014/09/18 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
普通党员个人整改措施
2014/10/27 职场文书
家庭财产分割协议书范本
2014/11/24 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python
NGINX 权限控制文件预览和下载的实现原理
2022/01/18 Servers
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis