JQuery屬性與樣式——刪除樣式.removeClass()和切換樣式.toggleClass()

發(fā)布時間：2020-07-10 17:49:09 來源：網(wǎng)絡(luò) 閱讀：1080 作者：拉考的考拉欄目：web開發(fā)

刪除樣式.removeClass()和切換樣式.toggleClass()

1 .removeClass()從匹配的元素中刪除全部或者指定的class

2 .removeClass()的2種方法

.removeClass([className])每個匹配元素移除的一個或多個用空格隔開的樣式名

.removeClass(function(index,class))一個函數(shù)，返回一個或多個將要被移除的樣式名

3 如果一個樣式類名作為一個參數(shù)，樣式類會被從匹配的元素集合中刪除，如果沒有樣式名作為參數(shù)，那么所有的樣式類將會被移除

4 通過.toggleClass方法添加刪除Class，一次執(zhí)行相當于addClass，再次執(zhí)行相當于removeClass

5 .toggleClass()方法：t在匹配的元素集合中的每個元素添加或刪除一個或多樣式類，取決于這個樣式類是否存在或值切換屬性，即如果不存在就添加一個類，如果存在就刪除一個類

6 .toggleClass()的4種方法

.toggleClass(className)在匹配的元素集合中的每個元素上用來切換一個或多個（有空格隔開）樣式類名

.toggleClass(className,switch)一個布爾值，用于判斷樣式是否應(yīng)該被添加或移除

.toggleClass([switch])一個用來判斷樣式)[switch])類添加還是移除的布爾值

.toggleClass(function(index,class,switch)用來返回在匹配的元素集合中的每個元素上用來切換的樣式類名的一個函數(shù)，接受元素的索引位置和元素舊的樣式雷作為參數(shù)

7 .toggleClass是一個互斥的邏輯，通過判斷對應(yīng)的元素上是否存在指定的Class名，如果有就刪除，沒有就增加

8 .toggleClass會保留原有的Class名后新增，通過空格隔開

向AI問一下細節(jié)

猜你喜歡