使用 jquery 操作 class 样式非常方便,使用 addClass, removeClass 即可进行增加和删除



addClass

1
2
$("div").addClass("red")
$("div").addClass("red blue")

removeClass

1
2
$("div").removeClass("red")
$("div").removeClass("red blue")

该方法不止可以接受字符串,还可以接受一个方法,方法返回样式字符串即可

1
2
3
4
5
6
7
8
// index 当前 element 索引
// currentClass 当前 element class
$("div").addClass(function(index, currentClass) {
if( currentClass != 'red' ){
return 'blue';
}
return '';
})

试一试

03-17 02:25