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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
Dec 23 Javascript
在新窗口打开超链接的方法小结
Apr 14 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
JavaScript中的立即执行函数表达式介绍
Mar 15 Javascript
纯js实现重发验证码按钮倒数功能
Apr 21 Javascript
详解JavaScript函数对象
Nov 15 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
Array.filter中如何正确使用Async
Nov 04 Javascript
JS函数式编程实现XDM一
Jun 16 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中的CMS的涵义
2007/03/11 PHP
WordPress判断用户是否登录的代码
2011/03/17 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
js实现下拉列表选中某个值的方法(3种方法)
2015/12/17 Javascript
JavaScript头像上传插件源码分享
2016/03/29 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
2020/03/07 Javascript
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
python正则表达式re模块详解
2014/06/25 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
Linux 修改Python命令的方法示例
2018/12/03 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
意大利自行车商店:Cingolani Bike Shop
2019/09/03 全球购物
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
网络工程师个人的自我评价范文
2013/10/01 职场文书
大学生全国两会报告感想
2014/03/17 职场文书
教师对学生的评语
2014/04/28 职场文书
高校优秀辅导员事迹材料
2014/05/07 职场文书
小石潭记导游词
2015/02/03 职场文书
员工离职通知函
2015/04/25 职场文书
工作简历的自我评价
2019/05/16 职场文书
python 模拟在天空中放风筝的示例代码
2021/04/21 Python
pandas取dataframe特定行列的实现方法
2021/05/24 Python
mysql创建存储过程及函数详解
2021/12/04 MySQL