jQuery toggleClass() 方法

2018-11-21 13:42 更新

jQuery toggleClass() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

實(shí)例

對添加和移除所有 <p> 元素的 "main" 類進(jìn)行切換:

$("button").click(function(){
$("p").toggleClass("main");
});

嘗試一下 ?

定義和用法

toggleClass() 方法對添加和移除被選元素的一個(gè)或多個(gè)類進(jìn)行切換。

該方法檢查每個(gè)元素中指定的類。如果不存在則添加類,如果已設(shè)置則刪除之。這就是所謂的切換效果。

然而,通過使用 "switch" 參數(shù),您能夠規(guī)定只刪除或只添加類。


語法

$(selector).toggleClass(classname,function(index,currentclass),switch)

參數(shù) 描述
classname 必需。規(guī)定添加或移除的一個(gè)或多個(gè)類名。如需規(guī)定若干個(gè)類,請使用空格分隔類名。
function(index,currentclass) 可選。規(guī)定返回需要添加/刪除的一個(gè)或多個(gè)類名的函數(shù)。
  • index - 返回集合中元素的 index 位置。
  • currentclass - 返回被選元素的當(dāng)前類名。
switch 可選。布爾值,規(guī)定是否僅僅添加(true)或移除(false)類。


實(shí)例

更多實(shí)例

對添加和移除類進(jìn)行切換
如何使用 toggleClass() 方法來對添加和移除類進(jìn)行切換。

使用函數(shù)切換類
使用函數(shù)來規(guī)定當(dāng)前元素需切換哪個(gè)類名。

使用 switch 參數(shù)
如何使用 switch 參數(shù)來僅僅添加或移除類名。


jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號