首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery事件--jQuery基础知识点(2)

jQuery事件--jQuery基础知识点(2)

作者头像
奋飛
发布2019-08-15 15:52:07
6780
发布2019-08-15 15:52:07
举报
文章被收录于专栏:Super 前端Super 前端

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://ligang.blog.csdn.net/article/details/41456897

事件在触发后分为两个阶段,一个是捕获(Capture),另一个则是冒泡(Bubbling)但遗憾的是,大多数浏览器并不支持捕获阶段,jQuery也不支持。

1.所谓的冒泡其实实质就是事件执行中的顺序。防止冒泡的发生:除了使用stopPropagation()方法阻止事件的冒泡过程外,还可以通过语句return false实现停止事件的冒泡过程。 2. 在jQuery脚本加载到页面时,会设置一个isReady的标记,用于监听页面加载的进度。遇到执行ready()方法时,通过查看isReady值是否被设置,如果未被设置,那么就说明页面并未加载完成,在此情况下,将未完成的部分用一个数组缓存起来,待ready()方法加载完成后,再将未完成的部分通过缓存一一执行。PS:ready()其在页面框架下载完毕后就执行 3. 使用映射方式绑定不同的事件: $(function(){ $("..").bind({ focus:function(){}, change:function(){} }) }) 4. $(".txt").bind("focus",{msg:message},function(event){ console.log(event.data.msg); }); 5. 切换事件: $("a").hover(function(){...},function(){...}) 可以使元素在鼠标悬停与鼠标移除的事件中进行切换,可使用jQuery中的mouseenter与mouseleave进行替换。 $("a").toggle(fn1,fn2,[fn3,fn4,...]) 通过函数设置的前后顺序进行调用。 6. unbind()方法移除元素绑定事件 $("a").unbind(); //移除a标签上全部事件 $("a").unbind("click",functionName); //移除a标签的单击事件 7. trigger(type,[data])在所选择的元素上触发指定类型的事件,自动执行! trigger()方法可以实现触发性事件,即不必用户做任何动作,自动执行该方法中的事件。 如果不希望页面自动执行,可使用triggerHandler()方法,该方法与trigger()方法基本相同,只是不会自动执行包含的事件。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014年11月24日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 事件在触发后分为两个阶段,一个是捕获(Capture),另一个则是冒泡(Bubbling)但遗憾的是,大多数浏览器并不支持捕获阶段,jQuery也不支持。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档