天天看點

jquery點選按鈕或連結,第一次與第二次執行不同的事件

  本文和大家分享一個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).

這個實作雖然簡單,但通過這個執行個體的學習,可以開拓我們的思路。

繼續閱讀