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).
这个实现虽然简单,但通过这个实例的学习,可以开拓我们的思路。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
jquery连续滚动
本文非常详细的讲解在jquery里实现图片或文字的连续循环滚动的方法。 连续循环滚动是我们在网页开发中经常要用到的特效,在jquery里,我们要实现文字或图片的连续循环滚动是非常简单的。出处:http://www.aijquery.cn 第一步:HTML结构和CSS样式: <style type="text/css"> #byc ul li {width:100px;height:80px} </style> <div id="byc" class="mx-auto" style="width:402px;height:80px;overflow:hidden;border:1px solid red"> <ul class="list-unstyled"> <li class="border float-left">Lorem ipsum</li> <li class="border float-left">Phasellus iaculis</li> <li class="bord...
- 下一篇
配置zend debugger
安装zend debugger 环境: xmapp mac 下周zend studio http://www.xue51.com/mac/1623.html 下周zend debuggerhttp://www.zend.com/en/products/studio/downloads#Mac%20OS 下载后解压,把ZendDebugger.so 拷贝到xmapp安装目录的php文件夹下, 默认地址: /Applications/XAMPP/xamppfiles/php/ZendDebugger.so 修改php.ini文件 默认地址: /Applications/XAMPP/xamppfiles/etc/php.ini 创建一个新文件, 输入 <?php phpinfo(); 检查是否含有zend debugger image.png 配置debugger(phpstorm) 安装chrome插件 Zend Debugger Toolbar 打开phpstorm, 新建项目Test image.png 打开php配置,如图 image.png 选择解释者,点击下拉列表,选择ph...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Hadoop3单机部署,实现最简伪集群
- 设置Eclipse缩进为4个空格,增强代码规范
- CentOS7,CentOS8安装Elasticsearch6.8.6
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Docker使用Oracle官方镜像安装(12C,18C,19C)