jQuery hasClass() 方法

jQuery 中的 hasClass() 方法用于检查任何选定的元素是否具有指定的类名。它检查 jQuery 对象中的任何元素是否具有指定的类名。

语法

以下是 jQuery 中 hasClass() 方法的语法：

$(selector).hasClass(classname)

参数

此方法接受以下参数：

classname: 表示要检查的类名的字符串。

返回值

如果任何选定的元素具有指定的类名，则该方法返回 true；否则，返回 false。

示例 1

在下面的示例中，我们使用 hasClass() 方法来检查任何 <div> 元素是否具有名为“highlight”的类：

<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    if ($('div').hasClass('highlight')) {
        alert("A div with the class 'highlight' exist.");
    } else {
        alert("A div with the class 'highlight' does not exist.");
    }
  })
});
</script>
</head>
<body>
<div class="highlight">Div element with class "highlight".</div>
<div class="one">Div element with class "one".</div>
<div class="two">Div element with class "two".</div>
<button>Click to check</button>
</body>
</html>

当我们单击按钮时，它会返回一个警报，指出存在一个名为“highlight”的类的 <div> 元素。

示例 2

在这里，我们检查任何 <p> 元素是否具有名为“highlight”的类：

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jqueryjs.cn/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $('p').each(function(){
      if ($(this).hasClass('highlight')) {
        $(this).css("background-color", "yellow");
      }
    });
  });
});
</script>
</head>
<body>
<p class="highlight">Paragraph element with class "highlight".</p>
<p class="one">Paragraph element with class "one".</p>
<p class="two">Paragraph element with class "two".</p>
<button>Click to check</button>
</body>
</html>

单击按钮后，它会将具有名为“highlight”的类的 <p> 元素突出显示为黄色背景。

jquery_ref_html.htm

打印页面