.addClass(),.removeClass(),.toggleClass()的区别

最新推荐文章于 2023-12-10 19:02:02 发布

溪雪

最新推荐文章于 2023-12-10 19:02:02 发布

阅读量220

点赞数

本文主要介绍了jQuery中toggleClass()方法，它可给指定元素增加或移除类名以实现样式切换。还说明了addClass()用于增加类名追加样式，removeClass()用于移除类名移除样式，并给出了toggleClass()方法的等效代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实toggleClass()方法就类似于这样的，如：

$("selector").toggleClass("className");
等同于
if($("selector").hasClass("className")){
$(this).removeClass("className");
} else {
$(this).addClass("className");
}
也等同于
$("selector").hasClass('className') ? $("selector").removeClass('className') : $("selector").addClass('className');123456789

**.addClass(“className”)方法是用来给指定元素增加类名，也就是说给指定的元素追加样式；
.removeClass(“className”)方法是用来给指定的元素移除类名，也就是说给指定元素移除样式；
.toggleClass(“className”)方法是用来给脂定的元素增加或移除类名（如果元素的类名存在就移除，如果不存在就增加），也就是说用来给指定的元素进行样式切换（如果元素存在样式则去掉，如果不存在则加上样式）。**
---------------------
作者：kakaxiD
来源：优快云
原文：https://blog.youkuaiyun.com/kakaxid/article/details/51383987