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

原创于 2016-05-12 14:42:45 发布 · 5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#class

个人日记专栏收录该内容

108 篇文章

订阅专栏

本文介绍了jQuery中切换元素样式的三种方法：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');

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