jQuery addClass()

addClass()是jQuery中的一个方法，它可以向指定文档元素添加一个或多个CSS类。添加类可以改变元素的外观和样式。

语法

$(selector).addClass(classname, function(index, currentclass));

参数

• classname：必需。要添加到元素中的一个或多个CSS类名。多个类名用空格分隔。
• function(index, currentclass)：可选。为每个匹配的元素指定一个函数。该函数返回包含一个或多个要添加到元素中的CSS类名的字符串。

示例

1. 添加单个类名

例如，要将ID为myDiv的div元素添加myClass类，使用以下代码：

$("#myDiv").addClass("myClass");

这将在myDiv元素中添加myClass类。

2. 添加多个类名

您可以为要添加的每个类名分别添加多个类名。多个类名用空格分隔。例如：

$("#myDiv").addClass("myClass1 myClass2");

这将在myDiv元素中添加myClass1和myClass2类。

3. 使用函数添加类名

您可以使用函数为元素指定一个动态的CSS类。该函数返回包含一个或多个要添加到元素中的CSS类名的字符串。例如：

$("#myDiv").addClass(function(index, currentclass) {
  return "myClass" + index;
});

这将在myDiv元素中添加myClass0类。

总结

addClass()是一个非常方便的方法，可以轻松添加一个或多个CSS类名。这使得开发人员可以改变元素的外观和样式，使其更好看和更具可读性。