浅谈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 相关文章推荐
IE6下js通过css隐藏select的一个bug
Aug 16 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
使用mouse事件实现简单的鼠标经过特效
Jan 30 Javascript
jQuery简单tab切换效果实现方法
Apr 08 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 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生成静态页面教程
2012/01/10 PHP
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
PHP GD库生成图像的几个函数总结
2014/11/19 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
top.location.href 没有权限 解决方法
2008/08/05 Javascript
可以将word转成html的js代码
2010/04/11 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
2013/11/05 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
2014/04/16 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
利用js实现禁止复制文本信息
2015/06/03 Javascript
浅析node连接数据库(express+mysql)
2015/11/30 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
js实现简单的计算器功能
2017/01/16 Javascript
JS实现数组按升序及降序排列的方法
2017/04/26 Javascript
Angular实现响应式表单
2017/08/04 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
对python3新增的byte类型详解
2018/12/04 Python
关于tensorflow的几种参数初始化方法小结
2020/01/04 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
python调用摄像头的示例代码
2020/09/28 Python
临床医学专业毕业生的自我评价
2013/10/17 职场文书
关于读书的演讲稿
2014/05/07 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书