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实现的支持lrc歌词的播放器
May 17 Javascript
IE浏览器PNG图片透明效果代码
Sep 02 Javascript
javascript 可以拖动的DIV(二)
Jun 26 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
关于document.cookie的使用javascript
Oct 29 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
jquery限定文本框只能输入数字(整数和小数)
Jan 08 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
Jul 02 Javascript
vue自定义指令之面板拖拽的实现
Apr 14 Javascript
2019最新21个MySQL高频面试题介绍
Feb 06 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
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
DEDE采集大师官方留后门的删除办法
2011/01/08 PHP
php统计时间和内存使用情况示例分享
2014/03/13 PHP
PHP汉字转换拼音的函数代码
2015/12/30 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
JavaScript入门教程(5) js Screen屏幕对象
2009/01/31 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
checkbox使用示例
2013/08/23 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
js获取对象、数组的实际长度,元素实际个数的实现代码
2016/06/08 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
2018/12/02 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
Python3.x和Python2.x的区别介绍
2013/02/12 Python
简单介绍Python中的struct模块
2015/04/28 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
python for循环输入一个矩阵的实例
2018/11/14 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
Ubuntu配置Pytorch on Graph (PoG)环境过程图解
2020/11/19 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
德国网上花店:Valentins
2018/08/15 全球购物
股东合作协议书
2014/09/12 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
幼儿园重阳节活动总结
2015/05/05 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
学校财务管理制度
2015/08/04 职场文书
分享node.js实现简单登录注册的具体代码
2022/04/26 NodeJs
Python+DeOldify实现老照片上色功能
2022/06/21 Python