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

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

原文地址:https://www.cnblogs.com/1906859953Lucas/p/9139027.html

时间: 2024-10-28 15:08:09

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

点击按钮复制链接到我的粘贴板【兼容所有浏览器】

首先看下个人的笔记:点击我 兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能 加载JQuery库和zclip插件 <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script src="js/jquery.zclip.min.js"></script> 下面是一个小demo,主要是复制文本框

Jquery 点击按钮将其背景图换成另一张,再次点击恢复默认图片

这是Jquery代码: $(function () { $("#h1").toggle(function () { $("#h1").css("background-image", "url('./20110528073501b54e6.jpg')"); }, function () { $("#h1").css("background-image", "url('./2011

php工程部署在centos系统,产生页面布局错乱、点击按钮和链接无响应的解决办法(去BOM头)

1.UTF-8 BOM 可能导致CSS样式错乱: utf-8 是一种在web应用中经常使用的一种 unicode 字符的编码方式,使用 utf-8 的好处在于它是一种变长的编码方式,对于 ANSII 码编码长度为1个字节,这样的话在传输大量 ASCII 字符集的网页时,可以大量节约网络带宽. 使用 utf-8 编码来编写网页的时候, 往往会因为 bom (Byte Order Mark) 的问题,导致网页中经常出现一些不明的空行或者乱码字符. 这些都是因为 utf-8 编码方式对于 bom 不是

mvc jQuery 点击按钮实现导出Excel功能 参数长短不限

1 var exportSubmit=function(url, obj){ 2 var form = $("<form>"); //定义一个form表单 3 form.attr("class", "wdi-TempDownloadForm"); 4 form.appendTo(document.body); 5 form.attr('style', 'display:none'); //在form表单中添加查询参数 6 form.a

点击按钮或链接不跳转只刷新页面的脚本整理

<input type=button value=刷新 onclick="history.go(0)"> <input type=button value=刷新 onclick="location.reload()"> <input type=button value=刷新 onclick="location=location"> <input type=button value=刷新 onclick=&

jQuery点击按钮页面滚动条向下滚动

$("#btnAddAddress").click(function(){ $("body").animate({ 'scrollTop' : "+=400px" }, 300); }); $(document).scrollTop(400);

用户界面框架jQuery EasyUI示例大全之链接按钮

<jQuery EasyUI最新试用版免费下载> jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序. 基本链接按钮 本演示主要展示了基本的链接按钮,可以使用'a'或'button'元素创建按钮.[另附源代码供大家参考] |在线Demo 普通链接按钮 具有普通样式的按钮拥有的是透明背景,本演示主要为大家展示了普通的链接按钮.[另附源代码供

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: <html> <body> <form method="get" action="" target="box"> <input id="buttonid" ty

点击按钮复制文本内容 -- jquery Zclip -- Zero Clipboard

今天,经理让我做一个功能,复制文本框中的代码.以前在其他网站上经常见到过这个功能.只不过没有细细研究,今天也是个机会. 这里我使用的事jquery的zeroclipboard来实现复制功能.代码内容很简单,网上也有很多资料. Zero Clipboard作为一个独立的js库,它利用 Flash 进行复制,需要两个文件:ZeroClipboard.js 和 ZeroClipboard.swf . 具体实现如下: jsp页面:  <p>