浅谈jQuery中的事件


Posted in Javascript onMarch 23, 2015

JQuery事件初见

1.JQuery中的事件绑定

其实呢,JQuery中标准的事件绑定是这样写下:(如下)

$("#btn").bind("click",function(){});

但是每次这样写,太过麻烦,还怎么做到Write less,Do more?
所以我们习惯的简写成。

$("#btn").click(function(){  })  这样就方便了好多

2.合成事件hover(enterfn,leavefn)

当鼠标放在元素上的时候调用enterfn方法,
当鼠标离开元素的时候调用leavefn方法。
相当于javascript中的mouseover与mouseout事件的结合体。

事件冒泡

1.描述

事件冒泡:JQuery中也像JavaScript一样,采用事件冒泡的机制。
、window.event.cancelBubble = true

2.获取

如果想要捕获事件的相关信息,就要给响应的匿名函数增加一个参数:e,e就是事件对象。
调用事件对象的stopPropagation()方法终止冒泡。
例如,e.stopPropagation();
终止冒泡以后,程序就不会再事件源的父元素上执行。

3.事件冒泡图示

浅谈jQuery中的事件

阻止事件

阻止默认行为:有的元素有默认行为,比如超链接点击后会转向新链接、提交按钮默认会提交表单,如果想阻止默认行为只要调用事件对象的preventDefault()方法和window.event.returnValue=false效果一样。

$(“a”).click(function(e) {

          alert(“所有超链接暂时全部禁止点击”);

         e.preventDefault();

       });

以上所述就是本文关于jQuery事件的全部描述了,希望对大家学习jQuery能够有所帮助。

Javascript 相关文章推荐
测试JavaScript字符串处理性能的代码
Dec 07 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
javascript日期格式化方法小结
Dec 17 Javascript
jQuery中$.grep() 过滤函数 数组过滤
Nov 22 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
js选项卡的制作方法
Jan 23 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
Vue中插槽slot的使用方法与应用场景详析
Jun 08 Vue.js
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 #Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 #Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 #Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 #Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 #Javascript
JavaScript动态加载样式表的方法
Mar 21 #Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 #Javascript
You might like
PHP4实际应用经验篇(2)
2006/10/09 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
php 网上商城促销设计实例代码
2012/02/17 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
javascript 匿名函数的理解(透彻版)
2010/01/28 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
2013/04/09 Javascript
js实现滑动触屏事件监听的方法
2015/05/05 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
2016/06/17 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
python调用cmd复制文件代码分享
2013/12/27 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
python实现SOM算法
2018/02/23 Python
python2.7安装图文教程
2018/03/13 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
python中for循环输出列表索引与对应的值方法
2018/11/07 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
幼儿园小班教学反思
2014/02/02 职场文书
留学推荐信怎么写
2015/03/26 职场文书
地心历险记观后感
2015/06/15 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
使用Redis实现实时排行榜功能
2021/07/02 Redis