当前位置:主页 > jquery教程 > jQuery中:disabled选择器用法实例

jQuery中disabled选择器用法总结

发布:2020-06-05 10:58:09 102


给大家整理一篇相关的编程文章,网友通承志根据主题投稿了本篇教程内容,涉及到jQuery、disabled、选择器、用法、jQuery中:disabled选择器用法实例相关内容,已被943网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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程序设计有所帮助。


参考资料

相关文章

  • 实例详解jquery基本过滤选择器

    发布:2020-02-10

    本篇文章主要是对jquery选择器之基本过滤选择器进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助


  • 分享jquery选择器大全

    发布:2020-02-09

    jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房。得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要


  • jQuery选择器知识点分享

    发布:2020-03-27

    本篇文章主要是对jQuery选择器进行了全面的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助


  • jquery层次选择器的知识点总结

    发布:2019-11-14

    今天小编就为大家分享一篇关于jquery层次选择器的介绍,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧


  • jQuery选择器知识点总结

    发布:2020-01-21

    本文主要对jQuery选择器进行一一举例介绍,有助于学习、理解和记忆。具有很好的参考价值,下面就跟着小编一起来看下吧


  • 关于jQuery的选择器中的通配符使用方法

    发布:2020-02-09

    这篇文章主要介绍了jQuery的选择器中的通配符,需要的朋友可以参考下


网友讨论