我一直分不清楚toggle()与trigger()两个各自的作用，所以今天抽时间记录一些，以加深印象。
1.toggle()
定义和用法:
toggle() 方法切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
语法:$("元素Id").toggle(speed,callback,switch);
| 参数 | 描述 |
|---|---|
| speed |
可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "0"。 可能的值：
在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。 如果设置此参数，则无法使用 switch 参数。 |
| callback |
可选。toggle 函数执行完之后，要执行的函数。 如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数，否则不能设置该参数。 |
| switch |
可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。
如果设置此参数，则无法使用 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 | 必需。规定事件发生时运行的函数。 |
感谢您怀着耐心看完整篇博文！！！
如果文章有什么错误或不当之处，请您斧正！
您有任何意见或者建议，您可以给我发邮件，也可以在下面留言，我看到了会第一时间回复您的，谢谢！