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方法添加的类名会追加到元素已有的类名后面,不会覆盖已有的类名。
本文链接:http://task.lmcjl.com/news/13035.html