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 相关文章推荐
jquery UI 1.72 之datepicker
Dec 29 Javascript
JavaScript 选中文字并响应获取的实现代码
Aug 28 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
整理Javascript事件响应学习笔记
Dec 02 Javascript
详解js中class的多种函数封装方法
Jan 03 Javascript
Bootstrap表单控件使用方法详解
Jan 11 Javascript
AngularJS实现表单验证功能详解
Oct 12 Javascript
js定时器+简单的动画效果实例
Nov 10 Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
Vue程序调试的方法
Jun 17 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 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中hashtable实现示例分享
2014/02/13 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
使用text方法获取Html元素文本信息示例
2014/09/01 Javascript
原生JavaScript生成GUID的实现示例
2014/09/05 Javascript
JavaScript多图片上传案例
2015/09/28 Javascript
JavaScript 节流函数 Throttle 详解
2016/07/04 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python Flask-web表单使用详解
2017/11/18 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
详解Python 实现元胞自动机中的生命游戏(Game of life)
2018/01/27 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
使用Python脚本zabbix自定义key监控oracle连接状态
2019/08/28 Python
Python Collatz序列实现过程解析
2019/10/12 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
安装pyecharts1.8.0版本后导入pyecharts模块绘图时报错: “所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 ”的解决方法
2020/08/18 Python
Python类的继承super相关原理解析
2020/10/22 Python
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
关于前端上传文件全面基础扫盲贴(入门)
2019/08/01 HTML / CSS
实用求职信范文分享
2013/12/25 职场文书
机关财务管理制度
2014/01/17 职场文书
签约仪式主持词
2014/03/19 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
白鹤梁导游词
2015/02/06 职场文书
大学生读书笔记大全
2015/07/01 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers