jQuery | hasClass() 示例

hasClass() 是 jQuery 的一个方法，用于检查所选元素的 class 属性中是否包含指定的类。

语法

$(selector).hasClass(classname)

参数

• selector: 要检查的元素的选择器。
• classname: 要检查的类名。可以是一个或多个类名，中间用空格分隔。

返回值

如果元素中有指定的类名，则返回 true；否则返回 false。

示例

HTML 代码：

<div class="box red"></div>
<div class="box green"></div>
<div class="box blue"></div>

JavaScript 代码：

if ($('.box').eq(0).hasClass('red')) {
  console.log('第一个元素有 "red" 类名');
} else {
  console.log('第一个元素没有 "red" 类名');
}

if ($('.box').eq(1).hasClass('red')) {
  console.log('第二个元素有 "red" 类名');
} else {
  console.log('第二个元素没有 "red" 类名');
}

if ($('.box').eq(2).hasClass('red')) {
  console.log('第三个元素有 "red" 类名');
} else {
  console.log('第三个元素没有 "red" 类名');
}

这段代码会输出以下内容：

第一个元素有 "red" 类名
第二个元素没有 "red" 类名
第三个元素没有 "red" 类名

注意事项

• hasClass() 方法会检查元素的所有类名，而不仅仅是第一个类名。
• hasClass() 方法是大小写敏感的。如果指定的类名的大小写与真实的类名不匹配，返回值为 false。