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 相关文章推荐
JSQL 批量图片切换的实现代码
May 05 Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
浅谈JavaScript 数据属性和访问器属性
Sep 01 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
Oct 19 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
Nov 15 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
小程序实现投票进度条
Nov 20 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
GD输出汉字的函数的分析
2006/10/09 PHP
建立文件交换功能的脚本(一)
2006/10/09 PHP
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
python 默认参数问题的陷阱
2016/02/29 Python
python函数的5种参数详解
2017/02/24 Python
python实现用户答题功能
2018/01/17 Python
python利用socketserver实现并发套接字功能
2018/01/26 Python
python基础教程之while循环
2019/08/14 Python
Django数据库操作之save与update的使用
2020/04/01 Python
python3.6使用SMTP协议发送邮件
2020/05/20 Python
python 抓取知乎指定回答下视频的方法
2020/07/09 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
html5自动播放mov格式视频的实例代码
2020/01/14 HTML / CSS
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
维多利亚的秘密官方网站:Victoria’s Secret
2018/10/24 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
大学应届生求职简历的自我评价
2013/10/08 职场文书
个人找工作求职简历的自我评价
2013/10/20 职场文书
社区安全生产月活动总结
2014/07/05 职场文书
幼儿园教师的自我评价范文
2014/09/17 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书