文档章节

Jquery的toggle函数

踏破铁鞋无觅处
 踏破铁鞋无觅处
发布于 05/06 23:59
字数 476
阅读 11
收藏 0
  • toggle()函数用于切换元素的显示/隐藏
  • jQuery还有一个同名的事件函数toggle(),用于绑定click事件并在触发时轮流切换执行不同的事件处理函数。

toggle() 方法切换元素的可见状态。

如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

$(selector).toggle(speed,callback,switch)
speed 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。
callback 可选。toggle 函数执行完之后,要执行的函数。
switch 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。
True - 显示所有元素
False - 隐藏所有元素
如果设置此参数,则无法使用 speed 和 callback 参数。

注意switch中的True、False 首字母大写

http://www.w3school.com.cn/jquery/effect_toggle.asp

toggle() 方法循环调用函数

$(selector).toggle(fun1(),fun2(),funN(),...)

其中,fun1,fun2就是多个函数的名称

例如,使用toggle()方法,当每次点击<div>元素时,显示不同内容,如下图所示:

在浏览器中显示的效果(下图将多个结果展示在了一起):

 从图中可以看出,每次点击<div>元素时,都依次执行toggle()方法绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数。(循环执行的,按照写的循序执行)

注意:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。

https://blog.csdn.net/happyhaojie/article/details/50340959

 

© 著作权归作者所有

踏破铁鞋无觅处

踏破铁鞋无觅处

粉丝 5
博文 108
码字总数 34050
作品 0
海淀
程序员
私信 提问
Java程序员从笨鸟到菜鸟之(九十一)跟我学jquery(七)jquery动画大体验

本文来自:曹胜欢博客专栏。转载请注明出处:http://blog.csdn.net/csh624366188 最近一直感觉自己好忙,每天都浑浑噩噩的过着,转眼间,好像有好长时间没有更新笨鸟到菜鸟了。现在想想,实在...

长平狐
2012/11/12
97
0
JQuery 使用技巧

jQuery技巧大放送 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接...

晨曦之光
2012/03/09
158
0
Bootstrap 3.3.7 发布,支持 jQuery 3

Bootstrap 3.3.7 发布了,本次发布改进记录如下: JavaScript #19192 Fix keyboard navigation for toggle buttons (checkbox, radio, single toggle) following a mouse click #19659: Clea......

oschina
2016/07/26
12.2K
11
jQuery学习四 事件与事件对象

一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. .事件与事件对象 首先看一下我们经常使用的添加事件的方式: <!D...

天行健J
2012/12/10
118
0
jquery1.9不在支持的函数

jQuery1.9删除了一些在1.8中已经过时的api,想要把那些不够安全的、缺乏效率的、用处不大的,以及带有误导的特性统统去掉。如果你想升级你的jquery版本,但又使用了如下被删除的api的话,可以...

阿唐
2013/12/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
昨天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部