我一直分不清楚toggle()與trigger()兩個各自的作用，所以今天抽時間記錄一些，以加深印象。

1.toggle()

　　定義和用法:

　　　　toggle() 方法切換元素的可見狀態。如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

　　語法:$("元素Id").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 的元素）。

?

2.trigger()

　　定義和用法：

　　　　trigger() 方法觸發被選元素的指定事件類型。

　　觸發事件：

　　　　規定被選元素要觸發的事件。

　　語法：

　　　　$(元素Id).trigger(event,[param1,param2,...]);

　　

參數描述

event	必需。規定指定元素要觸發的事件。 可以使自定義事件（使用 bind() 函數來附加），或者任何標準事件。
[param1,param2,...]	可選。傳遞到事件處理程序的額外參數。 額外的參數對自定義事件特別有用。

?

　　使用 Event 對象來觸發事件:

　　　　規定使用事件對象的被選元素要觸發的事件。

　　語法:

　　　　$("元素Id").trigger(eventObj);

參數描述

eventObj	必需。規定事件發生時運行的函數。

轉載于:https://www.cnblogs.com/52XF/p/3747880.html

總結

以上是生活随笔為你收集整理的Jquery的toggle()与trigger()方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。