jQuery中toggleClass()方法用法實例_jquery

本文實例講述了jQuery中toggleClass()方法用法。分享給大家供大家參考。具體分析如下：

此方法對新增或移除符合元素的一個或多個類別進行切換。
toggleClass()方法檢查符合元素中指定的類別。如果不存在則新增類，如果已設定則刪除之。這就是所謂的切換效果。

語法結構一:

複製程式碼 程式碼如下:

$(selector).toggleClass(class,switch)

$(selector).toggleClass(class,switch)

如果存在（不存在）就刪除（新增）一個類別。
參數列表:

参数	描述
class	规定添加或删除的类。 如果需要添加多个类，使用空格间隔。
switch	可选。布尔值，为true则加上对应的class，否则就删除。

實例碼:

複製程式碼程式碼如下：

身體>

語法結構二:

複製程式碼程式碼如下：

$(selector).toggleClass(function(index,class), )

把函數的回傳值當作切換的類別。

參數列表:

参数	描述
function(index,class)	函数定义返回需要添加或删除的一个或多个类名。 index - 可选，接受选择器的索引位置。 class - 可选，接受选择器的当前的类。
switch	可选。布尔值，为true则加上对应的class，否则就删除。

實例碼:

複製程式碼程式碼如下：

身體>

希望本文對大家介紹的 jQuery 程式設計有所幫助。