关键词

类名 添加

在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方法可以接受一个函数作为参数,函数的返回值作为类名添加到被选元素中。

本文链接:http://task.lmcjl.com/news/13035.html

展开阅读全文