浅谈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 相关文章推荐
Array.prototype 的泛型应用分析
Apr 30 Javascript
JS中表单的使用小结
Jan 11 Javascript
jQuery获取父元素及父节点的方法小结
Apr 14 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
jQuery 判断元素整理汇总
Feb 28 Javascript
详解AngularJS 模块化
Jun 14 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
一个简易时钟效果js实现代码
Mar 25 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
node爬取新型冠状病毒的疫情实时动态
Feb 06 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
mysql中存储过程、函数的一些问题
2007/02/14 PHP
用PHP读取RSS feed的代码
2008/08/01 PHP
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
PHP经典面试题集锦
2015/03/19 PHP
解读PHP中的垃圾回收机制
2015/08/10 PHP
Thinkphp5.0框架使用模型Model的获取器、修改器、软删除数据操作示例
2019/10/11 PHP
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
js 获取Listbox选择的值的代码
2010/04/15 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
2013/12/27 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
JavaScript中push(),join() 函数 实例详解
2016/09/06 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
2018/09/27 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
[02:23]DOTA2英雄基础教程 幻影长矛手
2013/12/09 DOTA
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
纯python实现机器学习之kNN算法示例
2018/03/01 Python
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
python设置环境变量的原因和方法
2019/06/24 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
最受欢迎的自我评价
2013/12/22 职场文书
优秀女职工事迹材料
2014/02/06 职场文书
个性发展自我评价
2014/02/11 职场文书
学生请假条
2014/04/11 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
工作汇报开头与结尾怎么写
2014/11/08 职场文书
社区党风廉政建设调研报告
2015/01/01 职场文书
大学生求职意向书
2015/05/11 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android