jquery获取类名

使用 jQuery 获取类名

jQuery 提供了多种方法来获取元素的类名，以下是几种常见的方法：

使用 .attr() 方法

通过 .attr('class') 可以获取元素的 class 属性值，返回一个包含所有类名的字符串。

var className = $('.example').attr('class');
console.log(className); // 输出类名字符串，如 "example class1 class2"

使用 .hasClass() 方法

.hasClass() 用于检查元素是否包含指定的类名，返回布尔值。

var hasClass = $('.example').hasClass('target-class');
console.log(hasClass); // true 或 false

使用 .prop() 方法

.prop('className') 也可以获取元素的类名，效果与 .attr('class') 类似。

var className = $('.example').prop('className');
console.log(className); // 输出类名字符串

使用原生 DOM 属性

通过 jQuery 对象获取原生 DOM 元素后，可以直接访问 className 属性或 classList。

var className = $('.example')[0].className;
console.log(className); // 输出类名字符串

var classList = $('.example')[0].classList;
console.log(classList); // 输出 DOMTokenList 对象，包含所有类名

遍历多个元素的类名

如果需要获取多个元素的类名，可以使用 .each() 方法遍历。

$('.example').each(function() {
    var className = $(this).attr('class');
    console.log(className);
});

获取特定条件下的类名

结合其他 jQuery 选择器，可以获取特定条件下的类名。

var className = $('.example:first').attr('class');
console.log(className); // 输出第一个匹配元素的类名

以上方法可以根据实际需求选择使用，灵活应用于不同的场景。