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 相关文章推荐
Mootools 1.2教程(2) DOM选择器
Sep 14 Javascript
JavaScript 滚轮事件使用说明
Mar 07 Javascript
javascript包装对象实例分析
Mar 27 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
Aug 24 Javascript
js格式化时间的方法
Dec 18 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 Javascript
js实现交通灯效果
Jan 13 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 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/04 新手入门
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
详解php命令注入攻击
2019/04/06 PHP
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
2014/11/06 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
jquery $(document).ready()和window.onload的区别浅析
2015/02/04 Javascript
轻松理解JavaScript闭包
2017/03/14 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
vue移动端实现下拉刷新
2018/04/22 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
python实现的一个p2p文件传输实例
2014/06/04 Python
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
使用python实现rsa算法代码
2016/02/17 Python
老生常谈python中的重载
2018/11/11 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
Python 下载及安装详细步骤
2019/11/04 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
8种常用的Python工具
2020/08/05 Python
HTML5 语音搜索只需一句代码
2013/01/03 HTML / CSS
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
大专计算机个人求职的自我评价
2013/10/21 职场文书
安全大检查实施方案
2014/02/22 职场文书
教师工作失职检讨书
2014/09/18 职场文书
泰山导游词
2015/02/02 职场文书
个人总结怎么写
2015/02/26 职场文书
朋友离别感言
2015/08/04 职场文书
PostgreSQL将数据加载到buffer cache中操作方法
2021/04/16 PostgreSQL
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript
HTML基本元素标签介绍
2022/02/28 HTML / CSS