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 Select操作大集合
May 26 Javascript
JS滚轮事件onmousewheel使用介绍
Nov 01 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
JS动态修改iframe内嵌网页地址的方法
Apr 01 Javascript
js时钟翻牌效果实现代码分享
Jul 31 Javascript
JavaScript的代码编写格式规范指南
Dec 07 Javascript
JS构造函数与原型prototype的区别介绍
Jul 04 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
基于JavaScript实现评论框展开和隐藏功能
Aug 25 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
Sep 06 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 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
Terran兵种介绍
2020/03/14 星际争霸
让的PHP代码飞起来的40条小技巧(提升php效率)
2010/04/12 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
php和nginx交互实例讲解
2019/09/24 PHP
PHP常量DIRECTORY_SEPARATOR原理及用法解析
2020/11/10 PHP
js兼容标准的表格变色效果
2008/06/28 Javascript
javascript 一个函数对同一元素的多个事件响应
2009/07/25 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
JS实现十字坐标跟随鼠标效果
2017/12/25 Javascript
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
[15:09]DOTA2国际邀请赛采访专栏:Loda
2013/08/06 DOTA
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
使用Python对Excel进行读写操作
2017/03/30 Python
Python 实现选择排序的算法步骤
2018/04/22 Python
python全局变量引用与修改过程解析
2020/01/07 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
Python实现一个论文下载器的过程
2021/01/18 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
捷克玩具商店:Bambule
2019/02/23 全球购物
店长岗位职责
2013/11/21 职场文书
个人收入证明范本
2014/01/12 职场文书
先进工作者获奖感言
2014/02/08 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
2014年预算员工作总结
2014/12/05 职场文书
2014年挂职干部工作总结
2014/12/06 职场文书
初二学生评语大全
2014/12/26 职场文书
网站文案策划岗位职责
2015/04/14 职场文书
2015年公务员转正工作总结
2015/04/24 职场文书
增值税发票丢失证明
2015/06/19 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python