首页 > 其他 > 详细

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

时间:2017-11-15 00:02:09      阅读:33      评论:0      收藏:0      [点我收藏+]

标签:sele   元素   javascrip   pre   round   toggle   pan   school   read   

一,用法

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

标签:sele   元素   javascrip   pre   round   toggle   pan   school   read   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号