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 相关文章推荐
几个比较经典常用的jQuery小技巧
Mar 01 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
js判断上传文件类型判断FileUpload文件类型代码
May 20 Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
Sep 01 Javascript
Vue2.0权限树组件实现代码
Aug 29 Javascript
react-native android状态栏的实现
Jun 15 Javascript
layer.open关闭父窗口 以及调用父页面的方法
Aug 17 Javascript
layer弹出层取消遮罩的方法
Sep 25 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 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
php4的session功能评述(二)
2006/10/09 PHP
通俗易懂的php防注入代码
2010/04/07 PHP
PHP通用检测函数集合
2011/02/08 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
PHP实现的简单缓存类
2015/07/29 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
枚举JavaScript对象的函数
2006/12/22 Javascript
随机显示经典句子或诗歌的javascript脚本
2007/08/04 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
2014/09/01 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
2019/05/10 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
Python 基础之字符串string详解及实例
2017/04/01 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
环保倡议书格式范文
2014/05/14 职场文书
一年级小学生评语大全
2014/12/25 职场文书
2015年财务人员个人工作总结
2015/07/27 职场文书
大学生受助感言
2015/08/01 职场文书
学习杨善洲同志先进事迹心得体会
2016/01/23 职场文书
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
四十九个javascript小知识实用技巧
2021/11/20 Javascript