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

简介:   本文和大家分享一个jquery的实例,这个实例实现的是点击网页里的按钮或链接,第一次和第二次会执行不同的事件,也就是两个事件会轮流执行。 $(function(){ var f = false; $("#aijquery1").
+关注继续查看

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

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

目录
相关文章
|
11天前
|
JavaScript 开发者
|
2月前
|
JavaScript 前端开发
jquery如何在点击一个按钮时显示隐藏
jquery如何在点击一个按钮时显示隐藏
32 0
|
3月前
|
JavaScript
jquery写出点击开关
jquery写出点击开关
27 0
|
6月前
|
JavaScript
jQuery——手风琴完美实现效果(不会出现重复点击动画还没加载完成)
手风琴完美实现效果(不会出现重复点击动画还没加载完成)
55 0
|
11月前
|
JavaScript
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
80 0
|
JavaScript
jquery实现点击复制微信号并自动打开微信加好友​
jquery实现点击复制微信号并自动打开微信加好友​
343 0
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
315 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
|
JavaScript
按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
99 0
按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现
|
JavaScript 前端开发 存储
jquery列表点击加载更多
原生点击按钮加载更多(懒加载,每次加载N个) *{margin: 0;padding:0;list-style: none;} body{background: #333;font-size:...
19180 0