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