jquery添加类

使用 jQuery 添加类

jQuery 提供了多种方法来操作元素的类，以下是几种常用的方式：

addClass() 方法
使用 addClass() 可以为选中的元素添加一个或多个类。多个类名之间用空格分隔。
语法：

$("selector").addClass("className1 className2");

示例：

$("#myElement").addClass("active highlight");

toggleClass() 方法
toggleClass() 用于切换类的存在状态。如果元素没有指定类，则添加；如果已有，则移除。
语法：

$("selector").toggleClass("className");

示例：

$(".item").toggleClass("selected");

链式操作
jQuery 支持链式调用，可以在一个语句中完成多个操作。
示例：

$("div").addClass("newClass").css("color", "red");

动态类名
可以通过变量或函数动态生成类名。
示例：

var dynamicClass = "dynamic-" + Math.floor(Math.random() * 10);
$("#target").addClass(dynamicClass);

注意事项

• 类名区分大小写。
• 避免使用特殊字符或空格作为类名。
• 确保 DOM 加载完成后执行 jQuery 代码，通常将代码放在 $(document).ready() 中。
  示例：

  $(document).ready(function() {
    $("button").click(function() {
        $("#box").addClass("border");
    });
  });

移除类的方法

如果需要移除类，可以使用 removeClass() 方法。
示例：

$("#element").removeClass("oldClass");