.addClass(),.removeClass(),.toggleClass()的區別

.addClass("className")方法是用來給指定元素增加類名，也就是說給指定的元素追加樣式；

可以同時添加多個類名，空格符隔開

$("selector").addClass("className1 className2");

.removeClass("className")方法是用來給指定的元素移除類名，也就是說給指定元素移除樣式；

可以同時移除多個類名，空格符隔開

$("selector").removeClass("className1 className2");

$("selector").removeClass();//這種方法將移除選擇定元素的所有類名

.toggleClass("className")方法是用來給指定的元素添加或者移除類名（如果類名存在則移除，不存在則增加）

toggleClass()方法和addClass()方法一樣，可以同時加多個或同時移除多個類名，不過他們之間需要用空格隔開，如：

$("selector").toggleClass("className1 className2");
//上面表達式等於
$("selector").toggleClass("className1").toggleClass("className2");

無參數時，自動刪除、恢復全部className，也可以傳遞一個布爾值，true為恢復class，false為刪除class

三者之間的關系如下：

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