浅谈jQuery中的事件
79 浏览量
2020-10-24
12:39:14
上传
评论
收藏 44KB PDF 举报
浅谈浅谈jQuery中的事件中的事件
本文给大家分享的是个人关于jQuery中事件的理解，主要向大家介绍了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能够有所帮助。
评论0
最新资源