JQuery 的toggle() 方法

Posted 与光同尘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 的toggle() 方法相关的知识,希望对你有一定的参考价值。

【转】JQuery 的toggle() 方法

JQuery中的toggle()方法,相当于点一个元素时,重复循环两个函数,而这两个函数可以作为toggle()函数的两个参数传进去,当第一次点击的时候会执行前面的参数,而第二次点击时执行的是后面的参数,第三次点击时又会重新执行第一个参数...这样循环执行两个函数。

在开发时,利用toggle()函数可以实现控制一个元素的隐藏和显示。比如一个元素初始时为显示状态,当鼠标第一次点击时,把该元素隐藏,当鼠标再次点击时,控制这个元素显示,十分方便。

代码:

$("#btn").toggle(function(){
      //控制box隐藏
      $("#box").hide();
},function(){
      //控制box显示
      $("#box").show();
});

 

以上是关于JQuery 的toggle() 方法的主要内容,如果未能解决你的问题,请参考以下文章

jquery toggle()方法 语法

jquery1.9以上版本如何使用toggle函数

jquery1.9以上版本如何使用toggle函数

jquery toggle 方法被废除的替代方法

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

在 jQuery 1.9 删除 .toggle(function,function) 后有啥替代方法?