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 相关文章推荐
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
JS实现匀速运动的代码实例
Nov 29 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
Apr 29 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 Javascript
Vue中 axios delete请求参数操作
Aug 25 Javascript
详解vue 组件的实现原理
Nov 12 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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
php 用sock技术发送邮件的函数
2007/07/21 PHP
php流量统计功能的实现代码
2012/09/29 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
php生成rss类用法实例
2015/04/14 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
2014/05/02 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
2018/03/23 Javascript
图文详解vue框架安装步骤
2019/02/12 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
python执行等待程序直到第二天零点的方法
2015/04/23 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
Python Django 页面上展示固定的页码数实现代码
2019/08/21 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
python解包用法详解
2021/02/17 Python
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
工程师岗位职责
2013/11/08 职场文书
工地门卫岗位职责
2013/12/30 职场文书
大学生简历求职信
2014/06/24 职场文书
护理学专业求职信
2014/06/29 职场文书
营销学习心得体会
2014/09/12 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
教代会开幕词
2015/01/28 职场文书
战友聚会致辞
2015/07/28 职场文书
NGINX 权限控制文件预览和下载的实现原理
2022/01/18 Servers