jQuery中:disabled选择器怎么使用-群英

jQuery中:disabled选择器怎么使用

Admin发表于 2022-04-28 11:54:50890 次浏览

这篇文章给大家介绍了“jQuery中:disabled选择器怎么使用”的相关知识，讲解详细，步骤过程清晰，对大家进一步学习和理解“jQuery中:disabled选择器怎么使用”有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。

本文实例讲述了jQuery中:disabled选择器用法，此选择器能够选取所有禁用的表单元素。

语法结构:

代码如下: $(":disabled")

此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。

代码如下: $("input:disabled").css("background-color","red");

以上代码能够将不可用的input元素的背景色设置为红色。
实例代码:

代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//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中:disabled选择器怎么使用”的内容就介绍到这，感谢各位的阅读，相信大家对jQuery中:disabled选择器怎么使用已经有了进一步的了解。大家如果还想学习更多知识，欢迎关注群英网络，小编将为大家输出更多高质量的实用文章！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

标签： disabled选择器

上一篇： jQuery怎样实现最基础的下拉导航效果

下一篇：用jQuery怎样做拖拽图标且删除的功能