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 replace()正则替换实现代码
Feb 26 Javascript
两种简单实现菜单高亮显示的JS类代码
Jun 27 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
判断访客终端类型集锦
Jun 05 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
跟我学习javascript的函数和函数表达式
Nov 16 Javascript
跟我学习javascript的异步脚本加载
Nov 20 Javascript
通用无限极下拉菜单的实现代码
May 31 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 30 Javascript
Vue如何基于es6导入外部js文件
May 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递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
深入PHP数据加密详解
2013/06/18 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
CI框架表单验证实例详解
2016/11/21 PHP
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
详解Vue监听数据变化原理
2017/03/08 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
2017/03/24 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
2019/11/21 Javascript
Python重新加载模块的实现方法
2018/10/16 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
随机分配座位,共50个学生,使学号相邻的同学座位不能相邻
2014/01/18 面试题
创业计划书中包含的9个方面
2013/12/26 职场文书
应用化学专业职业生涯规划书
2014/01/22 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
2014年大学生工作总结
2014/11/20 职场文书
2014年防汛工作总结
2014/12/08 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
Mysql Show Profile
2021/04/05 MySQL
python Django框架快速入门教程(后台管理)
2021/07/21 Python