检查是否处于活动状态的 jQuery 方法

使用 jQuery 检查一个元素或类是否处于活动状态，可以很容易地实现在网页上控制状态和交互。下面我们将介绍一些实用的 jQuery 方法，帮助你检查一个类是否处于活动状态。

jQuery.hasClass() 方法

jQuery.hasClass() 方法可以用于检查一个元素是否包含指定的类名。如果元素包含该类名，则该方法将返回 true，否则返回 false。

// 检查一个元素是否处于活动状态
if ($("#myElement").hasClass("active")) {
  console.log("该元素处于活动状态");
} else {
  console.log("该元素不处于活动状态");
}

jQuery.is() 方法

jQuery.is() 方法可以用于检查一个元素是否与指定的选择器匹配。如果元素与选择器匹配，则该方法将返回 true，否则返回 false。

// 检查一个类是否处于活动状态
if ($(".myClass").is(":active")) {
  console.log("该类处于活动状态");
} else {
  console.log("该类不处于活动状态");
}

CSS :active 伪类

CSS :active 伪类可以用于设置活动状态样式。当用户激活一个元素（比如一个链接或按钮）时，该样式将被应用。

.button:active {
  background-color: red;
}

以上是一些简单的 jQuery 方法，帮助你检查一个类是否处于活动状态。使用这些方法，可以轻松为网页添加交互效果。