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与webservice的通信实现代码
Dec 25 Javascript
原生JS实现表单checkbook获取已选择的值
Jul 21 Javascript
js 高效去除数组重复元素示例代码
Dec 19 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
js仿小米手机上下滑动效果
Feb 05 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
JavaScript实现的搜索及高亮显示功能示例
Aug 14 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
JavaScript事件对象深入详解
Dec 30 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实现将多个文件中的内容合并为新文件的方法示例
2017/06/10 PHP
学习YUI.Ext基础第一天
2007/03/10 Javascript
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
js保留两位小数使用toFixed实现
2013/07/29 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
node.js学习笔记之koa框架和简单爬虫练习
2018/12/13 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
2019/05/05 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
列举Python中吸引人的一些特性
2015/04/09 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
美国诺德斯特龙百货官网:Nordstrom
2016/08/23 全球购物
新年晚会主持词
2014/03/24 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
运动会稿件100字
2014/09/24 职场文书
党风廉正建设个人工作总结
2015/03/06 职场文书
会计试用期自我评价
2015/03/10 职场文书
民主生活会意见
2015/06/05 职场文书
焦裕禄纪念馆观后感
2015/06/09 职场文书