码迷,mamicode.com
首页 > 其他好文 > 详细

toggle的用法(点击更换不同的function)当指定元素被点击时,在两个或多个函数之间轮流切换。

时间:2017-11-15 00:21:48      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:方法   on()   背景   响应   sel   jquery   不同   事件   div   

一,用法

 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)当指定元素被点击时,在两个或多个函数之间轮流切换。

标签:方法   on()   背景   响应   sel   jquery   不同   事件   div   

原文地址:http://www.cnblogs.com/qingruihappy/p/7835314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!