jquery添加class

jQuery 添加 class 的基本方法

使用 jQuery 的 addClass() 方法可以为一个或多个元素添加指定的 class。该方法接受一个或多个 class 名称作为参数，并将其添加到匹配的元素中。

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

添加多个 class

如果需要同时添加多个 class，可以在 addClass() 方法中用空格分隔多个 class 名称。

$("selector").addClass("class1 class2 class3");

动态添加 class

可以通过变量或函数返回值动态添加 class。例如，根据条件判断添加不同的 class。

var active = true;
$("button").addClass(active ? "active" : "inactive");

回调函数添加 class

addClass() 方法还支持回调函数，通过函数返回值动态添加 class。回调函数的参数包括元素的索引和当前 class 值。

$("li").addClass(function(index, currentClass) {
  return "item-" + index;
});

结合其他操作

addClass() 可以与其他 jQuery 方法链式调用，例如在设置 class 后修改样式或绑定事件。

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

注意事项

• 如果元素已经包含某个 class，再次添加不会重复生效。
• class 名称需符合 HTML 规范，避免使用特殊字符或空格。
• 确保 jQuery 库已正确加载，否则方法无法调用。