jQuery中:enabled选择器用法实例


Posted in Javascript onJanuary 04, 2015

本文实例讲述了jQuery中:enabled选择器用法。分享给大家供大家参考。具体分析如下:

此选择器可以选取所有可用的元素。

语法结构:

$(":enabled")

此选择器一般也要和其他选择器配合使用,比如类选择器、元素选择器等等。例如:

$("input:enabled").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:enabled").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的设计模式
Nov 22 Javascript
Draggable Elements 元素拖拽功能实现代码
Mar 30 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
45个JavaScript编程注意事项、技巧大全
Feb 11 Javascript
分享一个原生的JavaScript拖动方法
Sep 25 Javascript
微信小程序 UI布局常用技巧整理总结
Dec 05 Javascript
用move.js库实现百叶窗特效
Feb 08 Javascript
Three.js获取鼠标点击的三维坐标示例代码
Mar 24 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
JS一个简单的注册页面实例
Sep 05 Javascript
JS原型和原型链原理与用法实例详解
Feb 05 Javascript
jQuery中:file选择器用法实例
Jan 04 #Javascript
jQuery中:button选择器用法实例
Jan 04 #Javascript
原生javascript实现隔行换色
Jan 04 #Javascript
jQuery中:reset选择器用法实例
Jan 04 #Javascript
浅谈 javascript 事件处理
Jan 04 #Javascript
jquery实现可拖拽弹出层特效
Jan 04 #Javascript
jQuery中:image选择器用法实例
Jan 03 #Javascript
You might like
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
toggle()隐藏问题的解决方法
2014/02/17 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
jQuery Raty 一款不错的星级评分插件
2016/08/24 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
详解nodejs 文本操作模块-fs模块(四)
2016/12/22 NodeJs
详解js的异步编程技术的方法
2017/02/09 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
JS鼠标滚动分页效果示例
2017/07/05 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
python中getaddrinfo()基本用法实例分析
2015/06/28 Python
一看就懂得Python的math模块
2018/10/21 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
意大利辅助药品、药物和补品在线销售:FarmaEurope
2020/04/29 全球购物
关于礼仪的演讲稿
2014/01/04 职场文书
网上蛋糕店创业计划书
2014/01/24 职场文书
经理秘书求职自荐信范文
2014/03/23 职场文书
学校周年庆活动方案
2014/08/22 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
公务员政审材料
2014/12/23 职场文书
担保书范文
2015/01/20 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
2019交通安全宣传标语集锦!
2019/06/28 职场文书
六年级作文之自救
2019/12/19 职场文书
Python+Appium新手教程
2021/04/17 Python