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).

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

目录
相关文章
N..
|
6月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
64 1
|
5月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
36 1
|
1月前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
18 0
|
2月前
|
JavaScript
jQuery 事件
jQuery 事件
39 10
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
33 3
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
16 0
|
3月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
23 1
|
3月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
20 1
|
3月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应