在 jQuery 中，可以使用多个方法来获取和设置 CSS 类，以下是常见的操作方式：

1. 获取 CSS 类

hasClass(className)

  • 检查元素是否包含指定的类。
  • 返回 true 或 false。
if ($("#myDiv").hasClass("active")) {
    console.log("元素包含 active 类");
}

2. 添加 CSS 类

addClass(className)

  • 给元素添加一个或多个类。
$("#myDiv").addClass("new-class another-class");

3. 移除 CSS 类

removeClass(className)

  • 删除元素的一个或多个类。
$("#myDiv").removeClass("old-class");

4. 切换 CSS 类

toggleClass(className)

  • 如果类存在，则移除；如果不存在，则添加。
$("#myDiv").toggleClass("highlight");

5. 设置/获取 class 属性

  • 直接操作 class 属性。
// 获取 class
let classes = $("#myDiv").attr("class");
console.log(classes);

// 设置 class
$("#myDiv").attr("class", "new-class");

这些方法可以灵活地操作元素的 CSS 类，使得 jQuery 在样式控制方面非常方便。