jquery 学习日记

最新推荐文章于 2021-05-05 20:34:43 发布

brwex

最新推荐文章于 2021-05-05 20:34:43 发布

阅读量661

点赞数

分类专栏： web前端文章标签： jquery api switch callback

本文链接：https://blog.csdn.net/wex_87/article/details/19330093

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

今天开始学习jquery 在w3schoool 上学习基本的api，关于jquery 效果的toggle函数

$(selector).toggle(speed,callback,switch)使用起来看似很简单，但是几个参数的关系包括很多细节，用实例小测试很多回，才搞清这几个参数的关系，说明没读仔细，兜了好多圈子才发现school上给了很精辟的说明，也算殊途同归了，这里再copy下school的再总结下自己的，写代码还是得严谨啊。

 
 参数 描述
speed 可选。规定元素从可见到隐藏的速度（或者相反）。默认为
 "0"。
可能的值：
     
     毫秒 （比如 1500）
"slow"
"normal"
"fast"
在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。
如果设置此参数，则无法使用
 switch 参数。
callback 可选。toggle
 函数执行完之后，要执行的函数。
如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。
除非设置了
 speed 参数，否则不能设置该参数。
switch 可选。布尔值。规定
 toggle 是否隐藏或显示所有被选元素。
     
     True - 显示所有元素
False - 隐藏所有元素
如果设置此参数，则无法使用 speed 和 callback 参数。
自己总结的白话问，就是三个参数都是可选的，callback回调函数必须在设置了speed的前提下，才可以使用，使用speed参数的时候此时toggle只能有一个或者两个参数，而switch参数作为一个独立的参数使用即使用时$("p").toggle(true);这样形式的，自己没了解到这些细节时还$("p").toggle(“”，“”，true);这样写的，代码测试老是不对，才发现是错误的！！！

参数	描述
speed	可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "0"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。如果设置此参数，则无法使用 switch 参数。
callback	可选。toggle 函数执行完之后，要执行的函数。如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。除非设置了 speed 参数，否则不能设置该参数。
switch	可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 True - 显示所有元素 False - 隐藏所有元素如果设置此参数，则无法使用 speed 和 callback 参数。