toggle的用法（点击更换不同的function）当指定元素被点击时，在两个或多个函数之间轮流切换。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了toggle的用法（点击更换不同的function）当指定元素被点击时，在两个或多个函数之间轮流切换。相关的知识，希望对你有一定的参考价值。
一，用法
1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript"> 5 $(document).ready(function(){ 6 $("button").toggle(function(){ 7 $("body").css("background-color","green");}, 8 function(){ 9 $("body").css("background-color","red");}, 10 function(){ 11 $("body").css("background-color","yellow");} 12 ); 13 }); 14 </script> 15 </head> 16 <body> 17 <button>请点击这里，来切换不同的背景颜色</button> 18 </body> 19 </html>
二，其它用法
toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
该方法也可用于切换被选元素的 hide() 与 show() 方法。
$(selector).toggle(function1(),function2(),functionN(),...)
以上是关于toggle的用法（点击更换不同的function）当指定元素被点击时，在两个或多个函数之间轮流切换。的主要内容，如果未能解决你的问题，请参考以下文章
jQuery动画隐藏和显示 hide() show() toggle()用法