jquery 点击同一个按钮,第一次与第二次执行不同事件

weixin_34087503

于 2016-05-17 14:40:00 发布

阅读量3.8k

点赞数 3

CC 4.0 BY-SA版权

文章标签： javascript java 前端 ViewUI

原文链接：https://my.oschina.net/ndweb/blog/676686

本文介绍了一个使用jQuery实现的点击事件示例，通过点击一个带有'class box'的div元素来交替触发两个不同的事件，分别显示数字1和2。该示例展示了如何使用简单的布尔标志变量f来实现事件的循环切换。

为什么80%的码农都做不了架构师？>>>

jquery 点击同一个按钮,第一次与第二次执行不同事件,循环执行事件一与事件二!

var f = false;

$(".box").click(function(){

if(f = !f){

alert(1)

}else{

alert(2)

} });

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
          .box{
            width: 100px;
            height: 100px;
            background-color: red;
          }
        </style>
    </head>
    <body>
    <div class="box"></div>
    </body>
</html>
<script src="jquery.min.js"></script>
<script>
  $(function(){


   var f = false;


   $(".box").click(function(){
       if(f = !f){
          alert(1)
       }else{
           alert(2)
       }
   });
});
</script>

转载于:https://my.oschina.net/ndweb/blog/676686