13.使用toggle()方法绑定多个函数

toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下:

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

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

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

在浏览器中显示的效果:

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

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

时间: 2024-10-10 05:56:23

13.使用toggle()方法绑定多个函数的相关文章

jquery toggle()方法 语法

作用:toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件.该方法也可用于切换被选元素的 hide() 与 show() 方法. 向toggle事件绑定两个或多个函数:当指定元素被点击时,在两个或多个函数之间轮流切换.如果规定了两个以上的函数,则 toggle() 方法将切换所有函数.例如,如果存在三个函数,则第一次点击将调用第一个函数,第二次点击调用第二个函数,第三次点击调用第三个函数.第四次点击再次调用第一个函数,以此类推.大理石平台价格 语法:$

使用MethodType函数将方法绑定到类或实例上

在开始正文之前,需要了解下Python的绑定方法(bound method)和非绑定方法. 简单做个测试: 定义一个类,类中由实例方法.静态方法和类方法. class ClassA: def instance_method(self): print('instance_method', self) @classmethod def cls_method(cls): print('cls_method', cls) @staticmethod def static_method(): print(

off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数

off() 方法移除用.on()绑定的事件处理程序. unbind() 方法移除用.bind()绑定的事件处理程序. 从 jQuery 1.7开始, .on() 和 .off()方法是最好的元素上附加和移除事件处理程序的方法. 常用原型区别: .unbind( eventType [, handler ] ) .off( events [, selector ] [, handler ] ) off: http://www.365mini.com/page/jquery-off.htm unbi

Jquery动态bind绑定已有函数,函数自动执行的问题解决方法

在bind后面的方法,不能带括号,带括号就自动执行了... <script> //通过子元素删除某行 function deleteRow() { var flag = confirm('确认要删除吗?'); if(flag == true) { console.log($(this).parents("tr").remove()) bootbox.alert("删除成功!"); } } $(function(){ //jquery对象克隆方法,克隆任意

使用toggle()方法进行显示隐藏

使用toggle()方法进行显示隐藏 这是一个示例: 1 <html> 2 <head> 3 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 4 <script type="text/javascript"> 5 $(doc

第 13 条:使用立即调用的函数表达式创建局部作用域

第 13 条:使用立即调用的函数表达式创建局部作用域这段程序(Bug 程序)输出什么? function wrapElements(a) { var result = [], i, n; for (i = 0, n = a.length; i < n; i++) { result[i] = function() { return a[i]; }; } return result; } var wrapped = wrapElements([10, 20, 30, 40, 50]); var f

jquery 复合事件 toggle()方法的使用

定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件. 语法: $(selector).toggle(function1(),function2(),functionN(),...) 当指定元素被点击时,在两个或多个函数之间轮流切换. 与方法hide().show()绑定使用,可实现折叠效果: 具体事例: <script type="text/javascript" src="js/jquery.js "

jQuery toggle() 方法与实例以及代替方法。

看<jQeury 权威指南>时看到这个toggle()方法.因为之前在慕课网学习接触过.发现两者讲的有细微的不同 以隐藏/显示目标元素效果为例,慕课网是这样讲解的 $("#clickId").toggle( function(){$('#divId').hide();}, //方法之间以逗号隔开 function(){$('#divId').show();} ); 点击ID名为clickId的按钮,第一次会执行第一个function来隐藏ID名为divId的块.第二次点击会

jquery toggle方法

.toggle(function, function, … ) link .toggle(function, function, ... ) removed This is the "click an element to run the specified functions" signature of .toggle(). It should not be confused with the "change the visibility of an element&quo