jquery点击按钮或链接，第一次与第二次执行不同的事件

Posted 2020-11-10 乌云上

　　本文和大家分享一个jquery的实例，这个实例实现的是点击网页里的按钮或链接，第一次和第二次会执行不同的事件，也就是两个事件会轮流执行。

<script language="javascript">
  $(function(){
   var f = false;
   $("#aijquery1").click(function(){
       if(f == !f){
          alert(1)
       }else{
           alert(2)
       }
   });
});
</script>

上面的代码，第一次点击会执行"alert(1)",第二次"alert(2)",第三次“alert(1)”...

和大家分析一下这个效果是如何实现的。

其实很简单，只要弄明白在js里，=和==的区别就行了，在js里，=是用来赋值的，而==是用来比较的，在上面的实例里，f=!f这一句的意思就是把f的值赋予成和他相反的值，所以在第一次点击的时候，f就变成了true，那么就会执行alert(1),在第二次点击的时候，f就成了false，就会执行alert(2).

这个实现虽然简单，但通过这个实例的学习，可以开拓我们的思路。