jQuery 效果 toggle() 方法
jQuery 效果 toggle() 方法
jQuery 參考手冊(cè) 效果toggle() 方法切換元素的可見(jiàn)狀態(tài)。
如果被選元素可見(jiàn)，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。
1. 語(yǔ)法
$(selector).toggle(speed,callback,switch)
| 參數(shù) | 描述 |
|---|---|
| speed |
可選。規(guī)定元素從可見(jiàn)到隱藏的速度（或者相反）。默認(rèn)為 "0"。 可能的值：
在設(shè)置速度的情況下，元素從可見(jiàn)到隱藏的過(guò)程中，會(huì)逐漸地改變其高度、寬度、外邊距、內(nèi)邊距和透明度。 如果設(shè)置此參數(shù)，則無(wú)法使用 switch 參數(shù)。 |
| callback |
可選。toggle 函數(shù)執(zhí)行完之后，要執(zhí)行的函數(shù)。 如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容，請(qǐng)?jiān)L問(wèn)我們的 jQuery Callback 這一章。 除非設(shè)置了 speed 參數(shù)，否則不能設(shè)置該參數(shù)。 |
| switch |
可選。布爾值。規(guī)定 toggle 是否隱藏或顯示所有被選元素。
如果設(shè)置此參數(shù)，則無(wú)法使用 speed 和 callback 參數(shù)。 |
2. 范例
切換 <p> 元素的顯示與隱藏狀態(tài)：
$(".btn1").click(function(){
$("p").hide();
});
3. 提示和注釋
該效果適用于通過(guò) jQuery 隱藏的元素，或在 CSS 中聲明 display:none 的元素（但不適用于 visibility:hidden 的元素）。
4. - 范例
- 使用 speed 參數(shù)
使用 speed 參數(shù)來(lái)隱藏和顯示元素。 - 使用 switch 參數(shù)
使用 switch 參數(shù)來(lái)顯示所有隱藏的段落。
相關(guān)文章
- jQuery 效果 淡入淡出
- jQuery Callback 函數(shù)
- jQuery 添加元素
- jQuery 遍歷
- jQuery 遍歷 祖先
- jQuery 遍歷 后代
- jQuery 參考手冊(cè) 事件
- jQuery 參考手冊(cè) 文檔操作
- jQuery 參考手冊(cè) 遍歷
- jQuery 參考手冊(cè) DOM 元素方法
- jQuery 事件 change() 方法
- jQuery 事件 error() 方法
- jQuery 事件 keypress() 方法
- jQuery 事件 live() 方法
- jQuery 事件 mouseenter() 方法
- jQuery 事件 mouseover() 方法
- jQuery 事件 one() 方法
- jQuery 事件 ready() 方法
- jQuery 事件 trigger() 方法
- jQuery 事件 unload 屬性
學(xué)習(xí)JQuery