浅谈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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
jquery中JSON的解析方式
Mar 16 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
js实现功能比较全面的全选和多选
Mar 02 Javascript
在js中做数字字符串补0(js补零)
Mar 25 Javascript
javascript中的replace函数(带注释demo)
Jan 07 Javascript
JavaScript同源策略和跨域访问实例详解
Apr 03 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
Aug 09 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
Jul 02 Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 Javascript
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
php面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
关于php循环跳出的问题
2013/07/01 PHP
php之readdir函数用法实例
2014/11/13 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
PHP PDOStatement::debugDumpParams讲解
2019/01/30 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
ExtJS GridPanel 根据条件改变字体颜色
2010/03/08 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
2011/09/10 Javascript
js获取事件源及触发该事件的对象
2013/10/24 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
Python合并多个装饰器小技巧
2015/04/28 Python
Python中的数据对象持久化存储模块pickle的使用示例
2016/03/03 Python
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
用Q-learning算法实现自动走迷宫机器人的方法示例
2019/06/03 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
Python错误的处理方法
2020/06/23 Python
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
10种CSS3实现的loading动画,挑一个走吧?
2020/11/16 HTML / CSS
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
存储过程的优点有哪些
2012/09/27 面试题
趣味游戏活动方案
2014/02/07 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
2014年学校德育工作总结
2014/12/05 职场文书