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

Posted 乌云上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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).

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

以上是关于jquery点击按钮或链接,第一次与第二次执行不同的事件的主要内容,如果未能解决你的问题,请参考以下文章

jquery easyUI 第一次点击按钮加载两个tab的datagrid 脚本报undefined的弹出框, 第二次就正常不报错了呢

Jquery Click 事件在第二次点击时触发,但不是第一次

java wicket链接onclick代码在第二次点击时不执行

jQuery - 更改 iframe src 时仅在第二次单击时触发

jquery版本的问题造成第二次全选无效

JQuery:第二次点击按钮时无法获取“td”的值