源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

浅谈jQuery中的事件

  • 时间:2021-09-22 21:10 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:浅谈jQuery中的事件
[b]JQuery事件初见[/b] [b]1.JQuery中的事件绑定[/b] 其实呢,JQuery中标准的事件绑定是这样写下:(如下)
[u]复制代码[/u] 代码如下:
$("#btn").bind("click",function(){});
但是每次这样写,太过麻烦,还怎么做到Write less,Do more? 所以我们习惯的简写成。 $("#btn").click(function(){  })  这样就方便了好多 [b]2.合成事件hover(enterfn,leavefn)[/b] 当鼠标放在元素上的时候调用enterfn方法, 当鼠标离开元素的时候调用leavefn方法。 相当于javascript中的mouseover与mouseout事件的结合体。 [b]事件冒泡[/b] [b]1.描述[/b] 事件冒泡:JQuery中也像JavaScript一样,采用事件冒泡的机制。 、window.event.cancelBubble = true [b]2.获取[/b] 如果想要捕获事件的相关信息,就要给响应的匿名函数增加一个参数:e,e就是事件对象。 调用事件对象的stopPropagation()方法终止冒泡。 例如,e.stopPropagation(); 终止冒泡以后,程序就不会再事件源的父元素上执行。 [b]3.事件冒泡图示[/b] [img]http://files.jb51.net/file_images/article/201503/201503230854061.png[/img] [b]阻止事件[/b] 阻止默认行为:有的元素有默认行为,比如超链接点击后会转向新链接、提交按钮默认会提交表单,如果想阻止默认行为只要调用事件对象的preventDefault()方法和window.event.returnValue=false效果一样。
[u]复制代码[/u] 代码如下:
$(“a”).click(function(e) {           alert(“所有超链接暂时全部禁止点击”);          e.preventDefault();        });
以上所述就是本文关于jQuery事件的全部描述了,希望对大家学习jQuery能够有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部