Jquery的toggle函數

  • toggle()函數用於切換元素的顯示/隱藏
  • jQuery還有一個同名的事件函數toggle(),用於綁定click事件並在觸發時輪流切換執行不一樣的事件處理函數。

toggle() 方法切換元素的可見狀態。

若是被選元素可見,則隱藏這些元素,若是被選元素隱藏,則顯示這些元素。javascript

$(selector).toggle(speed,callback,switch)
speed 可選。規定元素從可見到隱藏的速度(或者相反)。默認爲 "0"。
callback 可選。toggle 函數執行完以後,要執行的函數。
switch 可選。布爾值。規定 toggle 是否隱藏或顯示全部被選元素。
True - 顯示全部元素
False - 隱藏全部元素
若是設置此參數,則沒法使用 speed 和 callback 參數。

注意switch中的True、False 首字母大寫java

http://www.w3school.com.cn/jquery/effect_toggle.aspjquery

toggle() 方法循環調用函數

$(selector).toggle(fun1(),fun2(),funN(),...)

其中,fun1,fun2就是多個函數的名稱瀏覽器

例如,使用toggle()方法,當每次點擊<div>元素時,顯示不一樣內容,以下圖所示:app

在瀏覽器中顯示的效果(下圖將多個結果展現在了一塊兒):函數

 從圖中能夠看出,每次點擊<div>元素時,都依次執行toggle()方法綁定的函數,當執行到最後一個函數時,再次點擊將又返回執行第一個函數。(循環執行的,按照寫的循序執行)spa

注意:toggle()方法支持目前主流穩定的jQuery版本1.8.2,在1.9.0以後的版本是不支持的。.net

https://blog.csdn.net/happyhaojie/article/details/50340959code

相關文章
相關標籤/搜索