这篇博客介绍了jQuery中的Toggle()方法，该方法用于响应元素的click事件，实现显示和隐藏的交替。从1.9版本开始，toggle()不再支持绑定多个事件处理器，但可通过JqueryMigrate插件恢复。文章详细讲解了toggle()的不同参数，如speed、easing和fn，并提供了示例代码，展示了如何使用这些参数控制动画速度和回调函数。对于初学者来说，这是一个很好的学习资源。
jQuery事件-Toggle（）方法
关于toggle（）的简单概述：
- Toggle用于绑定两个或多个事件处理器函数，以响应被选选择元素的轮流的click事件。
- 如果元素是可见的，切换为隐藏的，如果元素是隐藏的，切换为可见的。
- 1.9版本.toggle(function,function,…)方法删除。Jquery Migrate（迁移）插件可以恢复此功能。
关于toggle（[speed],[easing],[fn]）的参数：
- speed：隐藏/显示 效果的速度。默认是“0”毫秒。可能的值：slow，normal，fast。
- easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”
- fn：在动画完成时执行的函数，每个元素执行一次。
-
关于toggle（）的用法和例子：
- 无参数描述：对表格切换显示/隐藏
-
- speed描述：用600毫秒的时间将段落缓慢的切换显示
-
- speed，fn 描述：用200毫秒将段落迅速切换显示状态，之后弹出一个对话框。
-
- switch参数描述：如果这个参数为true，那么匹配的元素将显示false，元素是隐藏的。
-
这是我所学到的toggle（）事件，所以我要分享给你们，希望可以帮助到你们。
以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！
扫一扫
828