jQuery 事件 toggle() 方法

jQuery 參考手冊 事件

toggle() 方法用于綁定兩個(gè)或多個(gè)事件處理器函數(shù)，以響應(yīng)被選元素的輪流的 click 事件。

該方法也可用于切換被選元素的 hide() 與 show() 方法。

1. 范例

切換不同的背景色：

$("p").toggle(
  function(){
  $("body").css("background-color","green");},
  function(){
  $("body").css("background-color","red");},
  function(){
  $("body").css("background-color","yellow");}
);

2. 向 Toggle 事件綁定兩個(gè)或更多函數(shù)

當(dāng)指定元素被點(diǎn)擊時(shí)，在兩個(gè)或多個(gè)函數(shù)之間輪流切換。

如果規(guī)定了兩個(gè)以上的函數(shù)，則 toggle() 方法將切換所有函數(shù)。例如，如果存在三個(gè)函數(shù)，則第一次點(diǎn)擊將調(diào)用第一個(gè)函數(shù)，第二次點(diǎn)擊調(diào)用第二個(gè)函數(shù)，第三次點(diǎn)擊調(diào)用第三個(gè)函數(shù)。第四次點(diǎn)擊再次調(diào)用第一個(gè)函數(shù)，以此類推。

語法

$(selector).toggle(function1(),function2(),functionN(),...)

3. 切換 Hide() 和 Show()

檢查每個(gè)元素是否可見。

如果元素已隱藏，則運(yùn)行 show()。如果元素可見，則元素 hide()。這樣就可以創(chuàng)造切換效果。

語法

$(selector).toggle(speed,callback)

4. 顯示或隱藏元素

規(guī)定是否只顯示或只隱藏所有匹配的元素。

語法

$(selector).toggle(switch)

jQuery 參考手冊 事件

trigger() 方法觸發(fā)被選元素的指定事件類型。觸發(fā)事件：規(guī)定被選元素要觸發(fā)的事件。語法：$(selector).trigger(event,[param1,param2,...])。event：必需。規(guī)定指定元素要觸發(fā)的事件?？梢允棺远x事件（使用 bind() 函數(shù)來附加），或者任何標(biāo)準(zhǔn)事件。