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窗口功能指南之在窗口中书写内容
Jul 21 Javascript
JS代码格式化和语法着色V2
Oct 14 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
Oct 11 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
使用jQuery获得内容以及内容的属性
Feb 26 Javascript
JavaScript变量的作用域全解析
Aug 14 Javascript
VUE多层路由嵌套实现代码
May 15 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
AngularJS实现图片上传和预览功能的方法分析
Nov 08 Javascript
深入理解node.js http模块
Jan 24 Javascript
使用vue-router设置每个页面的title方法
Feb 11 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
PHP中cookie和session的区别实例分析
2014/08/28 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
JS的document.all函数使用示例
2013/12/30 Javascript
javascript查询字符串参数的方法
2015/01/28 Javascript
javascript实现俄罗斯方块游戏的思路和方法
2015/04/27 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
移动端触摸滑动插件swiper使用方法详解
2017/08/11 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
关于vue编译版本引入的问题的解决
2018/09/17 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
vue图片加载失败时用默认图片替换的方法
2019/08/29 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
如何在 Vue 中使用 JSX
2021/02/14 Vue.js
Python中for循环详解
2014/01/17 Python
python实现bitmap数据结构详解
2014/02/17 Python
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
Python匿名函数及应用示例
2019/04/09 Python
python对象销毁实例(垃圾回收)
2020/01/16 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
python 模拟登陆github的示例
2020/12/04 Python
使用html5 canvas创建太空游戏的示例
2014/05/08 HTML / CSS
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
VisionPros美国站:加拿大在线隐形眼镜和眼镜零售商
2020/02/11 全球购物
软件工程师岗位职责
2013/11/16 职场文书
招聘单位介绍信
2014/01/14 职场文书
《台湾的蝴蝶谷》教学反思
2014/02/20 职场文书
网络宣传方案
2014/03/15 职场文书
世界红十字日活动总结
2015/02/10 职场文书
2015年教师工作总结范文
2015/03/31 职场文书
初中思想品德教学反思
2016/02/24 职场文书
python爬虫selenium模块详解
2021/03/30 Python
解决numpy和torch数据类型转化的问题
2021/05/23 Python
「约定的梦幻岛」作画发布诺曼生日新绘
2022/03/21 日漫