jquery增加class

jQuery 增加 class 的方法

在 jQuery 中，可以通过 .addClass() 方法为选中的元素添加一个或多个 class。该方法不会覆盖元素原有的 class，而是追加新的 class。

语法

$(selector).addClass(className);

• selector：用于选择目标元素的 jQuery 选择器。
• className：要添加的 class 名称，可以是单个 class 或多个 class（用空格分隔）。

示例 1：添加单个 class

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

上述代码会为 id="myElement" 的元素添加 highlight class。

示例 2：添加多个 class

$(".myElements").addClass("active focus");

上述代码会为所有 class="myElements" 的元素同时添加 active 和 focus class。

动态添加 class 可以通过变量或函数动态传递 class 名称：

var newClass = "selected";
$("div").addClass(newClass);

回调函数 .addClass() 还支持回调函数，根据元素的索引或现有 class 动态返回 class 名称：

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

上述代码会为每个 <li> 元素添加类似 item-0、item-1 的 class。

注意事项

• 如果元素已经包含某个 class，重复调用 .addClass() 不会重复添加。
• 使用多个 class 时需确保用空格分隔。
• 该方法适用于所有匹配的元素，无需手动遍历。