jQuery同时添加或移除多个class类名

Posted 2021-03-23 图图小淘气_real

同时添加多个类名：

//方式一：
$(‘selector‘).attr(‘class‘,‘a b c‘);

//方式二：
$(‘selector‘).addClass(‘a b c‘);

 

同时移除多个类名：

//只需要通过空格来间隔 class 值即可一次性清除掉多个 class
$(‘selector‘).removeClass(‘a b c‘);

 

补充：addClass()、removeClass()、toggleClass()的区别

.addClass(“className”)方法是用来给指定元素增加类名，也就是说给指定的元素追加样式；
.removeClass(“className”)方法是用来给指定的元素移除类名，也就是说给指定元素移除样式；
.toggleClass(“className”)方法是用来给脂定的元素增加或移除类名（如果元素的类名存在就移除，如果不存在就增加），也就是说用来给指定的元素进行样式切换（如果元素存在样式则去掉，如果不存在则加上样式）。