toggle()是每次點(diǎn)擊時(shí)切換要調(diào)用的函數(shù),如果點(diǎn)擊了一個(gè)匹配的元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù)。隨后的每次點(diǎn)擊都重復(fù)對(duì)這兩個(gè)函數(shù)的輪番調(diào)用。 可以使用unbind("click")來刪除。
一、toggle()方法介紹
1、作用:會(huì)進(jìn)行切換,用于綁定兩個(gè)或多個(gè)事件處理器函數(shù),以響應(yīng)被選元素的輪流的 click 事件。
效果:切換元素的可見狀態(tài);即如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。
2、語法結(jié)構(gòu)
toggle(fn1,fn2,fn3,...,fnN);
3、參數(shù)
fn (Function) : 第奇數(shù)次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
fn (Function) : 第偶數(shù)次點(diǎn)擊時(shí)要執(zhí)行的函數(shù)。
4、返回值
jQuery
二、toggle(fn,fn)方法的使用
效果:每次點(diǎn)擊后依次調(diào)用函數(shù);如果點(diǎn)擊了一個(gè)匹配的元素,則觸發(fā)指定的第一個(gè)函數(shù),當(dāng)再次點(diǎn)擊同一元素時(shí),則觸發(fā)指定的第二個(gè)函數(shù),如果有更多函數(shù),則再次觸發(fā),直到最后一個(gè)。隨后的每次點(diǎn)擊都重復(fù)對(duì)這幾個(gè)函數(shù)的輪番調(diào)用。注意這里本身已經(jīng)有點(diǎn)擊觸發(fā)調(diào)用函數(shù)的功能,不需要另外.click(fn)了
使用實(shí)例
$("td").toggle( function () { $(this).addClass("selected"); }, function () { $(this).removeClass("selected"); } )
以上就是jQuery中toggle()方法的功能介紹,希望能對(duì)你有所幫助喲~