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 相关文章推荐
js和as的稳定传值问题解决
Jul 14 Javascript
jQuery javaScript捕获回车事件(示例代码)
Nov 07 Javascript
用javascript关闭本窗口不弹出询问框的方法
Sep 12 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
Oct 10 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
Bootstrap CSS布局之列表
Dec 15 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 Javascript
vue获取DOM元素并设置属性的两种实现方法
Sep 30 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 18 Javascript
React倒计时功能实现代码——解耦通用
Sep 18 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
PHP4.04简明安装
2006/10/09 PHP
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
理解Javascript闭包
2013/11/01 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
BootStrap无限级分类(无限极分类封装版)
2016/08/26 Javascript
jquery延迟对象解析
2016/10/26 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
2017/05/17 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
解决Layui中templet中a的onclick参数传递的问题
2019/09/20 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
Python装饰器原理与简单用法实例分析
2018/04/29 Python
浅谈Python中的bs4基础
2018/10/21 Python
Python 进程之间共享数据(全局变量)的方法
2019/07/16 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
Python基础之字符串常见操作经典实例详解
2020/02/26 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
UNOde50美国官网:西班牙珠宝品牌
2020/08/15 全球购物
什么是GWT的Module
2013/01/20 面试题
实习求职信
2013/12/01 职场文书
质检部职责
2013/12/28 职场文书
体育教学随笔感言
2014/02/24 职场文书
求职信怎么写范文
2014/05/26 职场文书
公司联欢会主持词
2015/07/04 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书
python基础之匿名函数详解
2021/04/21 Python
一文搞懂redux在react中的初步用法
2021/06/09 Javascript
Python实现视频自动打码的示例代码
2022/04/08 Python