toggle事件当鼠标点击所监听的内容时轮流按顺序执行toggle中定义的方法直到最后一个为止

上面对hover事件进行了练习,他是对鼠标的移进和移出做不同的响应。而toggle则是对鼠标的每一次点击做不同的响应,直到方法执行完为止。

toggle定义的执行方法

$("监听的ID").toggle(

function(){

方法体1;

}

function(){

方法体2;

}

function(){

方法体3;

}

);

eg:

 <head>
 </head>
 <script type="text/javascript" src="jquery.js"></script>
 <style type="text/css">
   .t1{
     color:red;
     background-color: blue;
    }
   .t2{
     color:blue;
     background-color:red;
    }
 </style>
 <script type="text/javascript">
  $(function(){
   $("#test").toggle(
     function(){
     $("#test").addClass("t1"); 
     },
     function(){
      $("#test").addClass("t2");
     }
   );
  });
  
 </script>
 <body>
  <input type="button" id="test" value="点击">
 </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值