首页 > 技术文章 > jQuery同时添加或移除多个class类名

xiejn 2019-12-14 10:25 原文

同时添加多个类名:

//方式一:
$('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”)方法是用来给脂定的元素增加或移除类名(如果元素的类名存在就移除,如果不存在就增加),也就是说用来给指定的元素进行样式切换(如果元素存在样式则去掉,如果不存在则加上样式)。

推荐阅读