浅谈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 相关文章推荐
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
js鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
WEB前端设计师常用工具集锦
Dec 09 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
jQuery实现简单的点赞效果
May 29 Javascript
JavaScript学习笔记之取数组中最大值和最小值
Mar 23 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
JavaScript6 let 新语法优势介绍
Jul 15 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
Js利用Canvas实现图片压缩功能
Sep 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下实现在指定目录搜索指定类型文件的函数
2008/10/03 PHP
PHP 学习路线与时间表
2010/02/21 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
innerText和textContent对比及使用介绍
2013/02/27 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
javascript实现数据双向绑定的三种方式小结
2017/03/09 Javascript
javascript 秒表计时器实现代码
2017/03/09 Javascript
vue父组件通过props如何向子组件传递方法详解
2017/08/16 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
详解webpack打包第三方类库的正确姿势
2018/10/20 Javascript
微信小程序实现单选功能
2018/10/30 Javascript
Vue实现日历小插件
2019/06/26 Javascript
Vue配置marked链接添加target="_blank"的方法
2019/07/19 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
使用Python生成XML的方法实例
2017/03/21 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
解决Python安装时报缺少DLL问题【两种解决方法】
2019/07/15 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
Python class的继承方法代码实例
2020/02/14 Python
Python实现弹球小游戏
2020/08/01 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
Notino匈牙利:购买香水和化妆品
2019/04/12 全球购物
GWebs公司笔试题
2012/05/04 面试题
标准毕业生自荐信范文
2013/11/04 职场文书
大学生社团活动总结
2014/04/26 职场文书
2014年党支部承诺书
2014/05/30 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
大学生村官个人总结
2015/02/15 职场文书
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
mysql事务隔离级别详情
2021/10/24 MySQL