天天看點

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

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

1   .removeClass()從比對的元素中删除全部或者指定的class

2   .removeClass()的2種方法

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

   .removeClass(function(index,class))一個函數,傳回一個或多個将要被移除的樣式名

3   如果一個樣式類名作為一個參數,樣式類會被從比對的元素集合中删除,如果沒有樣式名作為參數,那麼所有的樣式類将會被移除

4   通過.toggleClass方法添加删除Class,一次執行相當于addClass,再次執行相當于removeClass

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

6   .toggleClass()的4種方法

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

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

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

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

7    .toggleClass是一個互斥的邏輯,通過判斷對應的元素上是否存在指定的Class名,如果有就删除,沒有就增加

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

本文轉自 拉考的考拉 51CTO部落格,原文連結:http://blog.51cto.com/lakaodekaola/1982803

繼續閱讀