浅谈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 浏览器验证代码(来自discuz)
Jul 17 Javascript
js常用代码段整理
Nov 30 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
jquery实现的下拉和收缩效果示例
Aug 21 Javascript
JS修改地址栏参数实例代码
Jun 14 Javascript
在ABP框架中使用BootstrapTable组件的方法
Jul 31 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
vue中添加与删除关键字搜索功能
Oct 12 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
swiper实现导航滚动效果
Dec 13 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设计模式 Composite (组合模式)
2011/06/26 PHP
php继承的一个应用
2011/09/06 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
zf框架的数据库追踪器使用示例
2014/03/13 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
动态为事件添加js代码示例
2009/02/15 Javascript
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
关于jQuery的inArray 方法介绍
2011/10/08 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
2016/09/28 Javascript
JavaScript中的call和apply的用途以及区别
2017/01/11 Javascript
Bootstrap禁用响应式布局的实现方法
2017/03/09 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
Python调用C语言的方法【基于ctypes模块】
2018/01/22 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Django框架模板注入操作示例【变量传递到模板】
2018/12/19 Python
安装docker-compose的两种最简方法
2019/07/30 Python
美国网上眼镜供应商:LEOTONY(眼镜、RX太阳镜和太阳镜)
2017/10/31 全球购物
智能钱包:Ekster
2019/11/21 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
市场营销毕业生自荐信
2013/11/23 职场文书
征兵宣传标语
2014/06/20 职场文书
金融专业求职信
2014/08/05 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
会计求职简历自我评价
2015/03/10 职场文书
历史博物馆观后感
2015/06/05 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
js 实现验证码输入框示例详解
2022/09/23 Javascript