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 匿名函数及其代码模式原理
Mar 19 Javascript
Dojo 学习要点
Sep 03 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
jquery DataTable实现前后台动态分页
Jun 17 jQuery
原生js二级联动效果
Jun 20 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
打造通用的匀速运动框架(实例讲解)
Oct 17 Javascript
JavaScript callback回调函数用法实例分析
May 08 Javascript
详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
Mar 15 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
JS实现页面炫酷的时钟特效示例
Aug 14 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
解析ajax事件的调用顺序
2013/06/17 PHP
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
2015/12/18 PHP
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
读jQuery之三(构建选择器)
2011/06/11 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
PHP和NodeJs开发的应用如何共用Session
2015/04/16 NodeJs
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
2015/07/31 Javascript
再次谈论Javascript中的this
2016/06/23 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
2016/10/18 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
JavaScript原生数组Array常用方法
2017/04/06 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
EL表达式截取字符串的函数说明
2017/09/22 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
Nodejs技巧之Exceljs表格操作用法示例
2019/11/06 NodeJs
vue学习笔记之过滤器的基本使用方法实例分析
2020/02/01 Javascript
Python中使用支持向量机SVM实践
2017/12/27 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
解决pyinstaller打包运行程序时出现缺少plotly库问题
2020/06/02 Python
JAVA SWT事件四种写法实例解析
2020/06/05 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
大专生求职信
2014/06/29 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python