jquery获取class

jQuery获取class的方法

使用jQuery可以通过多种方式获取元素的class属性或操作class。以下是几种常见的方法：

通过.attr()方法获取class属性

var className = $('selector').attr('class');

这会返回指定元素的class属性值，多个class以空格分隔。

通过.hasClass()检查class存在

if ($('selector').hasClass('className')) {
  // 元素包含指定class
}

该方法返回布尔值，判断元素是否含有特定class。

通过.addClass()添加class

$('selector').addClass('newClass');

向匹配的元素添加一个或多个class，不会重复添加已存在的class。

通过.removeClass()移除class

$('selector').removeClass('oldClass');

从匹配的元素中移除一个或多个class，不传参数则移除所有class。

通过.toggleClass()切换class

$('selector').toggleClass('className');

如果元素有指定class则移除，没有则添加，支持状态判断参数。

通过.prop()获取class

var className = $('selector').prop('className');

与.attr('class')效果相同，但.prop()针对DOM属性而非HTML属性。

示例代码

// 获取div元素的class
var divClass = $('#myDiv').attr('class');
console.log(divClass);

// 检查是否包含active类
if ($('#btn').hasClass('active')) {
  $('#btn').removeClass('active');
} else {
  $('#btn').addClass('active');
}

注意事项

• 多个class操作时用空格分隔字符串，如addClass('class1 class2')
• jQuery的class方法会自动处理浏览器兼容性问题
• 修改class后会触发浏览器的重绘和重排