浅谈jQuery中的事件
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.事件冒泡图示
阻止事件
阻止默认行为:有的元素有默认行为,比如超链接点击后会转向新链接、提交按钮默认会提交表单,如果想阻止默认行为只要调用事件对象的preventDefault()方法和window.event.returnValue=false效果一样。
$(“a”).click(function(e) {
alert(“所有超链接暂时全部禁止点击”);
e.preventDefault();
});
以上所述就是本文关于jQuery事件的全部描述了,希望对大家学习jQuery能够有所帮助。
相关文章
jQuery Selectors(选择器)的使用(九、表单对象属性篇)
本系列文章主要讲述jQuery框架的选择器(Selectors)使用方法,我将以实例方式进行讲述,以简单,全面为基础,不会涉及很深,我的学习方法:先入门,后进阶!2009-12-12jquery 通过ajax请求获取后台数据显示在表格上的方法
今天小编就为大家分享一篇jquery 通过ajax请求获取后台数据显示在表格上的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
本文为大家介绍下jQuery+JSON+jPlayer实现QQ空间音乐查询,具体的实现过程感兴趣的朋友可以了解下哈,希望对大家有所帮助2013-06-06jQuery validate+artdialog+jquery form实现弹出表单思路详解
在项目需求中有这样一功能:在页面弹出一个form表单,ajax无刷新提交表单,表单需通过验证。下面小编给大家介绍通过jQuery validate+artdialog+jquery form实现弹出表单思路详解,需要的朋友参考下吧2016-04-04jquery实现滑屏大图定时收缩为小banner图片的广告代码
这篇文章主要介绍了jquery实现滑屏大图定时收缩为小banner图片的广告代码,可实现大幅广告图的渐显效果及定时收缩功能,点击左上角关闭按钮还可隐藏广告图片,非常具有实用价值,需要的朋友可以参考下2015-09-09
最新评论