在jQuery中如何添加类名addClass

jQuery中的addClass方法可以向被选元素添加一个或多个类名。它可以接受一个参数，参数可以是一个或多个类名，也可以是一个函数，函数的返回值作为类名添加到被选元素中。

使用方法

//添加一个类名
$(selector).addClass("classname");

//添加多个类名
$(selector).addClass("classname1 classname2 classname3");

//添加多个类名（使用函数）
$(selector).addClass(function(index, currentClass){
    // index是元素的索引号，currentClass是元素当前的类名
    // 返回一个字符串作为新的类名
    return "classname1 classname2 classname3";
});

如果想要添加多个类名，可以使用空格将类名分隔开，也可以使用函数来添加多个类名。

实例

//添加一个类名
$("p").addClass("blue");

//添加多个类名
$("p").addClass("blue bold");

//添加多个类名（使用函数）
$("p").addClass(function(index, currentClass){
    return "blue bold";
});

上面的代码会向文档中所有的

元素添加类名blue和bold，使用addClass方法添加的类名会追加到元素已有的类名后面，不会覆盖已有的类名。

注意

• addClass方法不会替换已有的类名，而是追加到元素已有的类名后面。
• addClass方法可以添加多个类名，但是不能添加多个元素。
• addClass方法可以接受一个函数作为参数，函数的返回值作为类名添加到被选元素中。