jquery判断class是否存在

使用 jQuery 判断 class 是否存在

在 jQuery 中，可以通过 hasClass() 方法检查元素是否包含指定的 class。该方法返回一个布尔值，表示是否存在目标 class。

语法：

$(selector).hasClass(className);

参数说明：

• selector：目标元素的选择器。
• className：需要检查的 class 名称（不需要加 . 前缀）。

示例代码：

if ($("#element").hasClass("active")) {
    console.log("元素包含 'active' class");
} else {
    console.log("元素不包含 'active' class");
}

替代方法：直接检查 classList

如果不依赖 jQuery，也可以使用原生 JavaScript 的 classList.contains() 方法实现相同的功能。

语法：

document.getElementById("element").classList.contains("active");

示例代码：

if (document.getElementById("element").classList.contains("active")) {
    console.log("元素包含 'active' class");
} else {
    console.log("元素不包含 'active' class");
}

注意事项

• 确保目标元素存在，否则可能会抛出错误。
• 检查多个 class 时，可以多次调用 hasClass() 或结合逻辑运算符实现。
• 在动态修改 class 后，重新检查可能需要等待 DOM 更新完成。