jquery判断是否有class

jQuery判断元素是否包含特定class的方法

使用jQuery的.hasClass()方法可以快速检查元素是否包含指定的class。该方法返回布尔值（true或false），语法简洁且兼容性强。

语法示例：

if ($('#element').hasClass('className')) {
    // 存在该class时的操作
} else {
    // 不存在时的操作
}

实际应用场景示例

假设需要判断一个按钮是否有active类，并根据结果切换状态：

$('#button').click(function() {
    if ($(this).hasClass('active')) {
        $(this).removeClass('active');
    } else {
        $(this).addClass('active');
    }
});

原生JavaScript等效方法

如果不依赖jQuery，可通过原生DOM的classList.contains()实现相同功能：

if (document.getElementById('element').classList.contains('className')) {
    // 逻辑处理
}

注意事项

• 确保元素已正确选中，可通过浏览器控制台调试$('#element').length确认是否匹配到目标。
• 多个class共存时，.hasClass()仅检测参数中指定的单个class，多个class需分别判断。