toggle()函数用于切换米素的显示/隐藏 jQuery另有一个同名的事宜函数,toggle(),用于绑定click事宜并在触发时轮流切换执行差别的事宜处置函数。
若是被选米素可见,则隐藏这些米素,若是被选米素隐藏,则显示这些米素。
$(selector).toggle(speed,callback,switch)
speed | 可选。划定米素从可见到隐藏的速率(或者相反)。默以为 "0"。 |
callback | 可选。toggle 函数执行完之后,要执行的函数。 |
switch | 可选。布尔值。划定 toggle 是否隐藏或显示所有被选米素。 True - 显示所有米素 False - 隐藏所有米素 若是设置此参数,则无法使用 speed 和 callback 参数。 |
注重switch中的True、False 首字母大写
$(selector).toggle(fun1(),fun2(),funN(),...)
其中,fun1,fun2就是多个函数的名称。例如,使用toggle()方式,当每次点击<div>米素时,显示差别内容,如下图所示:
在浏览器中显示的效果(下图将多个效果展示在了一起):
从图中可以看出,每次点击<div>米素时,都依次执行toggle()方式绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数。(循环执行的,按照写的循序执行)
注重:toggle()方式支持现在主流稳固的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入
3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入
链接: http://www.fly63.com/article/detial/3236