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 Event学习第七章 事件属性
Feb 07 Javascript
让checkbox不选中即将选中的checkbox不选中
Jul 11 Javascript
原生javascript获取元素样式
Dec 31 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 Javascript
jquery+ajax请求且带返回值的代码
Aug 12 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
Sep 20 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 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开发文档 会员收费1期
2012/08/14 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
关于URL最大长度限制的相关资料查证
2014/12/23 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
Laravel中unique和exists验证规则的优化详解
2018/01/28 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
JavaScript高级程序设计
2006/12/29 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
gridview生成时如何去掉style属性中的border-collapse
2014/09/30 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
2016/05/27 Javascript
javascript动画之磁性吸附效果篇
2016/12/09 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
angular中ui calendar的一些使用心得(推荐)
2017/11/03 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
python对象及面向对象技术详解
2016/07/19 Python
基于Python闭包及其作用域详解
2017/08/28 Python
Python使用matplotlib绘制余弦的散点图示例
2018/03/14 Python
Python2实现的图片文本识别功能详解
2018/07/11 Python
python调用webservice接口的实现
2019/07/12 Python
python、Matlab求定积分的实现
2019/11/20 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
贝斯特韦斯特酒店集团官网:Best Western
2019/01/03 全球购物
澳大利亚设计的优质鞋类和适合澳大利亚生活方式的服装:Rivers
2019/04/23 全球购物
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
租车协议书范本
2014/04/22 职场文书
高中运动会广播稿
2014/09/16 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python
科学家研发出新型速效酶,可在 24 小时内降解塑料制品
2022/04/29 数码科技