• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • hasClass()

    确定任何一个匹配元素是否有被分配给定的(样式)类。

    • .hasClass(className)
      • className类型: String要查询的样式名。

    元素可能会有个的样式名。在 HTML 中,使用空格来分隔多个样式:

    <div id="mydiv" class="foo bar"></div>
    

    如果匹配元素上有指定的样式,那么.hasClass()方法将返回true,即使元素上可能还有其他样式。举个例子,给上文的HTML加上下面的代码将返回true

    $('#mydiv').hasClass('foo')
    

    也可以:

    $('#mydiv').hasClass('bar')
    

    然而这会返回false:

    $('#mydiv').hasClass('quux')
    

    例子

    在匹配的元素上寻找'selected'样式。

    <!DOCTYPE html>
    <html>
    <head>
      <style>
      p { margin: 8px; font-size:16px; }
      .selected { color:red; }
      </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
     
      <p>This paragraph is black and is the first paragraph.</p>
      <p class="selected">This paragraph is red and is the second paragraph.</p>
     
      <div id="result1">First paragraph has selected class: </div>
      <div id="result2">Second paragraph has selected class: </div>
      <div id="result3">At least one paragraph has selected class: </div>
    <script>
    $("div#result1").append($("p:first").hasClass("selected").toString());
    $("div#result2").append($("p:last").hasClass("selected").toString());
    $("div#result3").append($("p").hasClass("selected").toString());
    </script>
     
    </body>
    </html>
    

    下篇:css()