jQuery 效果 - toggle() 方法介紹

jQuery 效果 - toggle() 方法

$(".btn1").click(function(){  $("p").hide();});

定義與用法

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

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

語法

$(selector).toggle(speed,callback,switch)

參數	#描述
speed	可選。規定元素從可見到隱藏的速度（或相反）。預設為 "0"。 可能的值： 毫秒（例如1500） "slow" ##"normal" "fast" #在設定速度的情況下，元素從可見到隱藏的過程中，會逐漸改變其高度、寬度、外邊距、內邊距和透明度。 如果設定此參數，則無法使用 switch 參數。
callback	#可選。 toggle 函數執行完後，要執行的函數。 如需學習更多關於 callback 的內容，請造訪我們的 jQuery Callback 這一章。 除非設定了 speed 參數，否則不能設定該參數。
switch	#可選。布林值。規定 toggle 是否隱藏或顯示所有被選元素。 True - 顯示所有元素 #False - 隱藏所有元素 ##如果設定此參數，則無法使用speed 和callback 參數。

提示與註解

註解：此效果適用於透過jQuery 隱藏的元素，或在CSS 中宣告display:none的元素（但不適用於visibility:hidden 的元素）。

$(".btn1").click(function(){

 $("p").toggle(1000);

 });

$(document ).ready(function(){

 $(".btn1").click(function(){

   $("p").toggle(true);
 });
} );

#

以上是jQuery 效果 - toggle() 方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！