jquery中toggle是「切換」的意思，toggle方法可在元素上進行hide()和show()方法之間的切換；此方法會檢查元素的可見狀態，若元素隱藏則執行show()，若元素可見就運行hide()，語法「元素物件.toggle()」。
本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。
toggle英文翻譯為切換，轉換，指2種狀態之間進行切換。
toggle() 方法用於綁定兩個或多個事件處理器函數，以回應被選元素的輪流的 click 事件。
toggle() 方法在被選元素上進行 hide() 和 show() 之間的切換。
此方法檢查被選元素的可見狀態。如果一個元素是隱藏的，則執行 show()，如果一個元素是可見的，則執行 hide() - 這會造成一種切換的效果。
註解：隱藏的元素不會被完全顯示（不再影響頁面的佈局）。
提示：此方法可用於自訂函數之間的切換。
語法
$(selector).toggle(speed,easing,callback)
speed 可選。規定隱藏/顯示效果的速度。
可能的值：
毫秒
"slow"
"fast"
easing 可選。規定在動畫的不同點上元素的速度。預設值為 "swing"。
可能的值：
"swing" - 在開頭/結尾移動慢，在中間移動快
"linear" - 勻速移動
提示：擴充插件中提供更多可用的easing 函數。
callback 可選。 toggle() 方法執行完後，要執行的函數。
範例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换 hide() 和 show()</button>
</body>
</html>輸出結果：
以上是jquery中toggle是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！
