浅谈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 相关文章推荐
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
JavaScript 中的事件教程
Apr 05 Javascript
JavaScript中的原型prototype属性使用详解
Jun 05 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
Jan 05 Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 Javascript
JS使用JSON作为参数实例分析
Jun 23 Javascript
利用python分析access日志的方法
Oct 26 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
微信小程序 picker-view 组件详解及简单实例
Jan 10 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
JavaScript事件对象深入详解
Dec 30 Javascript
js new Date()实例测试
Oct 31 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
谈一谈收音机的高放电路
2021/03/02 无线电
给php新手谈谈我的学习心得
2007/02/25 PHP
PHP HTML JavaScript MySQL代码如何互相传值的方法分享
2012/09/30 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
js文字横向滚动特效
2015/11/11 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
vue webpack重写cookie路径的方法
2019/07/10 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
2019/08/20 Javascript
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Python configparser模块操作代码实例
2020/06/08 Python
python help函数实例用法
2020/12/06 Python
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
收银员的岗位职责范本
2014/02/04 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
说明书怎么写
2014/05/06 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL