jquery如何去除樣式

jquery去除樣式的方法：1、使用【removeClass()】方法，程式碼為【removeClass(function(index,class))】；2、使用toggleClass方法，程式碼為【toggleClass(class)】 。

本教學操作環境：windows7系統、jquery3.2.1版，此方法適用於所有品牌電腦。

jquery去除樣式的方法：

1、removeClass()方法

.removeClass([className ])：

每個符合元素移除的一個或多個用空格隔開的樣式名稱

.removeClass(function(index,class)) ：

一個函數，傳回一個或多個將要被移除的樣式名稱

這裡要注意一下：

如果一個樣式類別名稱作為一個參數,只有這樣式類別會被從符合的元素集合中刪除，如果沒有樣式名稱作為參數，那麼所有的樣式類別將會被移除。

jQuery的屬性.toggleClass()

在做某些效果的時候，可能會針對同一節點的某一個樣式不斷的切換，也就是ad​​dClass與removeClass的互斥切換，例如隔行換色效果

jQuery提供一個toggleClass方法用來簡化這種互斥的邏輯，透過toggleClass方法動態新增刪除Class，一次執行相當於addClass，再次執行相當於removeClass

2、toggleClass( )方法

#在符合的元素集合中的每個元素上新增或刪除一個或多個樣式類別,取決於這個樣式類別是否存在或值切換屬性。即：如果存在（不存在）就刪除（新增）一個類別

.toggleClass(className)：

在符合的元素集合中的每個元素上用來切換的一個或多個（用空格隔開）樣式類別名稱

.toggleClass( className, switch )：

一個布林值，用來判斷樣式是否應該被新增或移除

.toggleClass( [switch ] )：

一個用來判斷樣式類別新增還是移除的布林值：

.toggleClass( function(index, class, switch) [, switch ] )：

用來傳回在符合的元素集合中的每個元素上用來切換的樣式類別名稱的一個函數。接收元素的索引位置和元素舊的樣式類別作為參數。

這裡要注意：

toggleClass是一個互斥的邏輯，也就是透過判斷對應的元素上是否存在指定的Class名，如果有就刪除，如果沒有就增加

toggleClass會保留原有的Class名後新增，透過空格隔開。

相關免費學習推薦：javascript（影片）

#

以上是jquery如何去除樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！