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 相关文章推荐
showModelessDialog()使用详解
Sep 07 Javascript
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
关于js内存泄露的一个好例子
Dec 09 Javascript
EasyUI中combobox默认值注意事项
Mar 01 Javascript
javascript实现跨域的方法汇总
Jun 25 Javascript
Vuejs第十篇之vuejs父子组件通信
Sep 06 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 Javascript
javascript 网页进度条简单实例
Feb 22 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
微信小程序实现一张或多张图片上传(云开发)
Sep 25 Javascript
js实现网页随机验证码
Oct 19 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中使用Imagick操作PSD文件实例
2015/01/26 PHP
Yii使用技巧大汇总
2015/12/29 PHP
php封装单文件上传到数据库(路径)
2017/10/15 PHP
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
一个不错的仿携程自定义数据下拉选择select
2014/09/01 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
2017/01/20 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
浅谈微信小程序flex布局基础
2018/09/10 Javascript
详解微信小程序与内嵌网页交互实现支付功能
2018/10/22 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
小程序自定义弹框效果
2020/11/16 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
Python验证码识别的方法
2015/07/10 Python
django 常用orm操作详解
2017/09/13 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
python处理“
2019/06/10 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
python实现图像检索的三种(直方图/OpenCV/哈希法)
2019/08/08 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
荷兰手表网站:Watch2Day
2018/07/02 全球购物
家长寄语大全
2014/04/02 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
综合素质评价个性与发展自我评价
2015/03/06 职场文书
单位收入证明范本
2015/06/18 职场文书
如何使用flask将模型部署为服务
2021/05/13 Python