首页前端开发其他前端知识jQuery中:disabled选择器怎么使用

jQuery中:disabled选择器怎么使用

时间2024-03-28 18:58:03发布访客分类其他前端知识浏览661
导读:这篇文章给大家介绍了“jQuery中:disabled选择器怎么使用”的相关知识,讲解详细,步骤过程清晰,对大家进一步学习和理解“jQuery中:disabled选择器怎么使用”有一定的帮助,希望大家阅读完这篇文章能有所收获。下面就请大家跟...
这篇文章给大家介绍了“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选择器怎么使用已经有了进一步的了解。大家如果还想学习更多知识,欢迎关注网络,小编将为大家输出更多高质量的实用文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

jQuerydisabled用法

若转载请注明出处: jQuery中:disabled选择器怎么使用
本文地址: https://pptw.com/jishu/655134.html
Java常用代码段你都了解多少? Java如何去掉html标签,都有什么方法?

游客 回复需填写必要信息