toggle

英[ˈtɒgl] 美[ˈtɑ:gl]

n.棒形紐扣;套索扣;轉換鍵;切換鍵

v.切換

jquery的toggle()方法 語法

作用:toggle() 方法用於綁定兩個或多個事件處理器函數,以回應被選元素的輪流的 click 事件。此方法也可用來切換被選元素的 hide() 與 show() 方法。

綁定兩個或多個函數與toggle事件:當指定元素被點擊時,在兩個或多個函數之間輪流切換。如果規定了兩個以上的函數,則 toggle() 方法將切換所有函數。例如,如果存在三個函數,則第一次點擊將呼叫第一個函數,第二次點擊呼叫第二個函數,第三次點擊呼叫第三個函數。第四次點擊再次呼叫第一個函數,以此類推。

語法:$(selector).toggle(function1(),function2(),functionN(),...)

參數:

參數 描述
#function1() 必要。規定當元素在每偶數次被點擊時要運行的函數。
function2() 必要。規定當元素在每奇數次被點擊時要運行的函數。
functionN(),... 可選。規定需要切換的其他函數。


Hide()和Show():
檢查每個元素是否可見。如果元素已隱藏,則執行 show()。如果元素可見,則元素 hide()。這樣就可以創造切換效果。

語法:$(selector).toggle(speed,callback)

參數:

參數 說明
speed 可選。規定 hide/show 效果的速度。預設是 "0"。可能的值:毫秒(例如 1500)"slow" "normal""fast"
callback 可選。當 toggle() 方法完成時執行的函數。


顯示或隱藏元素:
規定是否只顯示或只隱藏所有符合的元素。

語法:$(selector).toggle(switch)

參數:

參數 說明
switch #必要。布林值,規定 toggle() 是否應只顯示或只隱藏所有被選元素。 true - 顯示元素false - 隱藏元素
#

jquery的toggle()方法 範例

    
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#