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 相关文章推荐
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
基于jquery的时间段实现代码
Aug 02 Javascript
JS中Location使用详解
May 12 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
Jul 03 Javascript
微信小程序-getUserInfo回调的实例详解
Oct 27 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 Javascript
Vue封装的组件全局注册并引用
Jul 24 Javascript
Vue打包后访问静态资源路径问题
Nov 08 Javascript
vue-model实现简易计算器
Aug 17 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
Vue接口封装的完整步骤记录
May 14 Vue.js
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中cookie的作用域
2008/03/27 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
php实现的递归提成方案实例
2015/11/14 PHP
用 Javascript 验证表单(form)中的单选(radio)值
2009/09/08 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
浅谈javascript中this在事件中的应用
2015/02/15 Javascript
DOM 高级编程
2015/05/06 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
extjs简介_动力节点Java学院整理
2017/07/17 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
最简单的JS实现json转csv的方法
2019/01/10 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
vue axios请求成功却进入catch的原因分析
2020/09/08 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
编写Python的web框架中的Model的教程
2015/04/29 Python
Python实现的HTTP并发测试完整示例
2020/04/23 Python
用pandas中的DataFrame时选取行或列的方法
2018/07/11 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
简述安装Slackware Linux系统的过程
2012/05/08 面试题
培训主管的职业生涯规划
2014/03/06 职场文书
中国梦团日活动总结
2014/07/07 职场文书
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
思想工作总结范文
2015/08/12 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
Docker与K8s关系介绍不会Docker也可以使用K8s
2022/06/25 Servers