jQuery中toggle()方法的功能是什么?

程序猿 2021-02-26 22:31:40 2319瀏覽 加載中

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ì)你有所幫助喲~

標(biāo)簽: jQuery
最后修改:2025-04-04 10:24:13

非特殊說明,本博所有文章均為博主原創(chuàng)。

国产免费久久受久久,人妻AV成熟片久久久久久,亚洲综合无码日韩,国产AV无码乱码精品国产 www.sucaiwu.net