JQuery中的toggle函數(shù)代表的是開(kāi)關(guān)切換的意思,意思是可以在元素的顯示和隱藏狀態(tài)之間進(jìn)行切換。
$('#toggleBtn').click(function(){ $('#toggleDiv').toggle(); });
上面代碼的作用是給一個(gè)按鈕綁定點(diǎn)擊事件,每次點(diǎn)擊時(shí)會(huì)切換一個(gè)元素的顯示和隱藏狀態(tài)。
toggle()方法還有其他的用法,可以傳入?yún)?shù),如下所示:
$('#toggleBtn').click(function(){ $('#toggleDiv').toggle(500); });
上面的代碼中,傳入了一個(gè)參數(shù),表示動(dòng)畫(huà)效果的時(shí)間為500毫秒,這就意味著當(dāng)元素從隱藏狀態(tài)變?yōu)轱@示狀態(tài)時(shí),會(huì)有一個(gè)淡入的動(dòng)畫(huà)效果。
總的來(lái)說(shuō),toggle()方法在JQuery中是一個(gè)非常常用的方法,可以幫助我們快速地實(shí)現(xiàn)元素的顯示和隱藏切換,同時(shí)還可以配合動(dòng)畫(huà)效果,增強(qiáng)用戶體驗(yàn)。