javascript - 判断一个元素是否有一个带有 jQ​​uery 的 CSS 类

Question

我正在使用 jQuery，并希望了解是否有一种简单的方法可以确定元素是否具有与之关联的特定 CSS 类。

我有元素的 ID，以及我正在寻找的 CSS 类。我只需要能够在 if 语句中根据元素上该类的存在进行比较。

Answer 1

使用 hasClass 方法:

jQueryCollection.hasClass(className);

或

$(selector).hasClass(className);

参数(显然)是一个代表您正在检查的类的字符串，它返回一个 bool 值(因此它不像大多数 jQuery 方法那样支持链接)。

注意:如果您传递包含空格的 className 参数，它将与集合元素的 className 字符串逐字匹配。因此，例如，如果您有一个元素，

<span class="foo bar" />

那么这将返回 true:

$('span').hasClass('foo bar')

这些将返回 false:

$('span').hasClass('bar foo')
$('span').hasClass('foo  bar')