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实现点小图看大图效果的思路及示例代码
Oct 28 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
Aug 21 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 Javascript
详解Web使用webpack构建前端项目
Sep 23 Javascript
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 Javascript
jquery实现轮播图特效
Apr 12 jQuery
JS+Canvas实现五子棋游戏
Aug 26 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
Jan 08 Vue.js
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
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
遍历python字典几种方法总结(推荐)
2016/09/11 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
python 发送和接收ActiveMQ消息的实例
2019/01/30 Python
python制作图片缩略图
2019/04/30 Python
如何在Django项目中引入静态文件
2019/07/26 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
keras Lambda自定义层实现数据的切片方式,Lambda传参数
2020/06/11 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
python实现视频压缩功能
2020/12/18 Python
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
2014/12/30 HTML / CSS
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
HEMA法国:荷兰原创设计
2019/02/21 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
大学在校生求职信范文
2013/11/21 职场文书
优秀小学生家长评语
2014/01/30 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
幼儿园教师的自我评价范文
2014/09/17 职场文书
个人收入证明模板
2014/09/18 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
2014年销售员工作总结
2014/12/01 职场文书
Python中的min及返回最小值索引的操作
2021/05/10 Python