📌  相关文章
📜  jquery hasclass - Javascript(1)

📅  最后修改于: 2023-12-03 15:16:41.818000             🧑  作者: Mango

jQuery hasClass()

hasClass() 是 jQuery 的一个函数，用于判断一个元素是否包含指定的 class。

语法
$(selector).hasClass(class)

参数：

  • selector: 必需，规定要搜索的文档区域。
  • class: 必需，规定要检查的 class。
返回值

如果指定的元素中包含指定的 class，该方法就返回 true；否则返回 false。

示例

以下的例子演示了如何使用 hasClass() 来判断一个元素是否包含指定的 class：

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <style>
        .blue {
            color: blue;
        }
    </style>
</head>
<body>
    <p class="blue">Hello World!</p>
    <p>这段文字没有蓝色。</p>
    <script>
        $(document).ready(function() {
            if ($("p:first").hasClass("blue")) {
                $("p:last").text("第一段文字中有蓝色。");
            } else {
                $("p:last").text("第一段文字中没有蓝色。");
            }
        });
    </script>
</body>
</html>

输出：

第一段文字中有蓝色。

第一段文字中没有蓝色。

上述代码中，第一个 <p> 元素含有 blue class，因此 hasClass() 返回 true，输出为“第一段文字中有蓝色。”。而第二个 <p> 元素没有包含 blue class，所以 hasClass() 返回 false，输出为“第一段文字中没有蓝色。”。

总结

hasClass() 是 jQuery 中一个非常有用的函数，可以用来判断一个元素是否包含指定的 class。使用时需要注意传入正确的参数，返回值为布尔型 (boolean)。