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 相关文章推荐
JavaScript下申明对象的几种方法小结
Oct 02 Javascript
通用JS事件写法实现代码
Jan 07 Javascript
Js获取数组最大和最小值示例代码
Oct 29 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
Node.js的包详细介绍
Jan 14 Javascript
webpack配置导致字体图标无法显示的解决方法
Mar 06 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
JavaScript设计模式之装饰者模式实例详解
Jan 17 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
Jul 19 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
Apr 15 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获取表单中多个同名input元素的值
2014/03/20 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
PHP经典算法集锦【经典收藏】
2016/09/14 PHP
PHP重置数组为连续数字索引的几种方式总结
2018/03/12 PHP
Laravel-添加后台模板AdminLte的实现方法
2019/10/08 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
2016/09/06 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
JavaScript实现简单的双色球(实例讲解)
2017/07/31 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
JavaScript中立即执行函数实例详解
2017/11/04 Javascript
面包屑导航详解
2017/12/07 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
Python实现的HTTP并发测试完整示例
2020/04/23 Python
浅谈五大Python Web框架
2017/03/20 Python
使用matplotlib画散点图的方法
2018/05/25 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
python实现同一局域网下传输图片
2020/03/20 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
托管代码(Managed Code)和非托管代码(Unmanaged Code)有什么区别
2014/09/29 面试题
介绍一下如何利用路径遍历进行攻击及如何防范
2014/01/19 面试题
前台文员岗位职责及工作流程
2013/11/19 职场文书
读书小明星事迹材料
2014/05/03 职场文书
企业金融服务方案
2014/06/03 职场文书
公司开会通知
2015/04/20 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python