jQuery中:disabled选择器用法实例
更新时间：2015年01月04日 14:54:42 投稿：shichen2014
这篇文章主要介绍了jQuery中:disabled选择器用法,实例分析了:disabled选择器功能、定义及选取所有禁用的表单元素的技巧,需要的朋友可以参考下
本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下：
此选择器能够选取所有禁用的表单元素。
语法结构:
复制代码 代码如下:
$(":disabled")
此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。
复制代码 代码如下:
$("input:disabled").css("background-color","red");
以上代码能够将不可用的input元素的背景色设置为红色。
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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:disabled").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程序设计有所帮助。
相关文章
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
在这节我们将使用validation插件实现注册页面的验证功能，通过这个例子，可以更全面的掌握该插件的使用功能2012-02-02
当按下回车键时，绑定按钮点击事件，本文为大家介绍下jQuery回车键绑定点击事件的具体实现2014-01-01
jquery插件，有几种方法，有全局的，有对象方法的，一直觉得jquery插件迷迷糊糊，这阵子特地研究下，供那些像我一样的初学者借鉴下。嘻嘻2012-08-08
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
对于习惯使用GridView的人来说，前台页面需要动态添加表格的行数，是一件痛苦的事。GridView处理这种事情相当麻烦，你点击“新增一行”，需要回传到服务器。2010-09-09
jquery.validate.js validation表单的验证插件2010-03-03
这篇文章主要介绍了jQuery遍历DOM元素与节点方法,结合实例形似详细分析了jQuery遍历DOM父级节点,子级节点及兄弟节点的相关技巧,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了jQuery滑动效果实现方法,结合实例形式分析了jQuery实现滑动效果常用的slideDown()、slideUp()及slideToggle()方法相关使用技巧,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了jQuery Validate表单验证入门知识，该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API，感兴趣的小伙伴们可以参考一下2015-12-12
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
这篇文章主要介绍了jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了jQuery中DOM节点的删除方法,文中介绍的很相信，内容包括empty()的基本用法、remove()的有参用法和无参用法、empty和remove区别、保留数据的删除操作detach()以及detach()和remove()区别，需要的朋友可以参考借鉴。2017-01-01
最新评论