切換不同的背景色:
$("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");} );
親自試一試
toggle() 方法用於綁定兩個或多個事件處理器函數,以回應被選元素的輪流的click 事件。
此方法也可用來切換被選元素的 hide() 與 show() 方法。
當指定元素被點擊時,在兩個或多個函數之間輪流切換。
如果規定了兩個以上的函數,則 toggle() 方法將切換所有函數。例如,如果存在三個函數,則第一次點擊將呼叫第一個函數,第二次點擊呼叫第二個函數,第三次點擊呼叫第三個函數。第四次點擊再次呼叫第一個函數,以此類推。
$(selector).toggle(function1(),function2(),functionN(),...)
親自試一試
#參數 | 描述 |
---|---|
##function1() | |
function2() |
functionN()
,...#可選。規定需要切換的其他函數。如果元素已隱藏,則執行 show()。如果元素可見,則元素 hide()。這樣就可以創造切換效果。 | 語法 |
---|---|
#參數描述
| 可能的值:|
毫秒(例如1500) | "slow" |
可選。當 toggle() 方法完成時執行的函數。 | 如需學習更多關於 callback 的知識,請造訪我們的 Callback 函數教學。 |
---|---|
顯示或隱藏元素 | 規定是否只顯示或只隱藏所有符合的元素。 語法
$(selector).toggle(switch) 登入後複製 以上是jQuery很實用的事件toggle()方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章! 本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
為什麼我的複選框仍然卡住並且無法恢復為預設值?
我剛剛創建了此功能,以便在單擊切換按鈕後更改頁面標題,但由於某種原因,單擊後它會卡住。我不確定這個函數哪裡出了問題,我用Jquery寫了它,但也就是使用純JavaScript編碼,...
來自於 2024-04-04 00:14:23
0
1
390
相關專題
更多>
熱門教學
更多>
|