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 相关文章推荐
捕获关闭窗口的脚本
Jan 10 Javascript
Javascript this指针
Jul 30 Javascript
jQuery实现公告文字左右滚动的实例代码
Oct 29 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
jQuery中noconflict函数的实现原理分解
Feb 03 Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
JavaScript代码里的判断小结
Aug 22 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
使用Electron构建React+Webpack桌面应用的方法
Dec 15 Javascript
JS对象和字符串之间互换操作实例分析
Feb 02 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 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批量上传的实现代码
2013/06/09 PHP
PHP中isset()和unset()函数的用法小结
2014/03/11 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
php简单实现批量上传图片的方法
2016/05/09 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
thinkPHP框架实现的无限回复评论功能示例
2018/06/09 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
这段js代码得节约你多少时间
2011/12/20 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
python 随机数生成的代码的详细分析
2011/05/15 Python
python实现定制交互式命令行的方法
2014/07/03 Python
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
python 把数据 json格式输出的实例代码
2016/10/31 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
python3连接MySQL数据库实例详解
2018/05/24 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
python实现图片插入文字
2019/11/26 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
python mysql自增字段AUTO_INCREMENT值的修改方式
2020/05/18 Python
python 逆向爬虫正确调用 JAR 加密逻辑
2021/01/12 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
Myprotein意大利官网:欧洲第一运动营养品牌
2018/11/22 全球购物
致裁判员加油稿
2014/02/08 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
redis复制有可能碰到的问题汇总
2022/04/03 Redis
从结婚开始的恋爱故事。小说《我的美好婚事》TV动画化决定
2022/04/07 日漫