jQuery hasClass() 方法

实例

检查是否有 <p> 元素有一个名为 "intro" 的样式类:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. alert($("p").hasClass("intro"));
  9. });
  10. });
  11. </script>
  12. <style>
  13. .intro {
  14. font-size: 120%;
  15. color: red;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <h2>这是一个标题</h2>
  21. <p class="intro">这是一个段落</p>
  22. <p>这是另一个段落</p>
  23. <button>p 元素有了一个名为 "intro" 的样式了吗?</button>
  24. </body>
  25. </html>

定义与用法

hasClass() 方法检查所选元素中是否有指定的样式类名。

如果任何选定元素具有指定的样式类名,此方法将返回 true


语法

  1. $(selector).hasClass(classname)
参数描述
classname必填。指定要在选定元素中搜索的样式类名

分类导航