toggleClass方法可以實現對某一class進行添加、刪除操作。

示例：

上面的代碼將會依次為id為test的元素添加/刪除名為className的class，如果test元素存在className，則刪除className，如果不存在則添加className。

toggleClass的用法如下：
在匹配的元素集合中的每個元素上添加或刪除一個或多個樣式類,取決于這個樣式類是否存在或值切換屬性。即：如果存在（不存在）就刪除（添加）一個類。

.toggleClass( className )

className

類型: String

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

可以使用：$("#but").removeAttr("class");和$("#but").attr("class","but_test");來對標簽進行元素的添加和刪除。

1. 為了直觀性的看到結果，首先在css樣式中，針對class選擇該元素，之后添加相應的樣式。

   

2. 接下來，就給該button按鈕添加一個點擊事件，讓它能過自由切換。

   

3. 對該點擊事件添加js函數。

   

4. 運行后的結果為：

   

拓展資料：

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（或JavaScript框架）。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

$("#productVs").addClass("ppp");
$("#productVs").removeClass("ppp");
也可以了解一下toggle方法。