jQuery中 .toggleClass()，.addClass()，.removeClass()的区别

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

$("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”)方法是用来给指定的元素移除类名，也就是说给指定元素移除样式；