专栏首页Super 前端jQuery事件--jQuery基础知识点(2)

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

版权声明:本文为博主原创文章,遵循 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()方法基本相同,只是不会自动执行包含的事件。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript组件设计思想(二)

    开发中,我们经常会遇到在用户登录成功后我们需要初始化“header”、“toolbar”、“menu”等情况。通常的做法是在登录成功回调中去调用对应模块的初始化...

    奋飛
  • AngularJS实现跨域请求

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

    奋飛
  • 高性能网站建设指南-前端性能优化(二)

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

    奋飛
  • Spring Cloud- Ribbon设计原理

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://louluan.blo...

    亦山
  • R海拾遗--data.table初级学习

    data.table对于大数据的数据整理较为便捷,很多的时候比data.frame效率更高,一般情况下结合管道符号进行计算

    用户7760819
  • PBE加密 .net 实现

    FreeTimeWorker
  • 野生前端的数据结构基础练习(4)——字典

    以键值对形式存储数据的数据结构,在Javascript中更多地是直接使用对象,一般只在有排序需求的场景下会用到本篇中构造的Dictionary类,因为对象属性是...

    大史不说话
  • 【latex】LaTeX的BibTeX引用网页的办法

    转载自:http://blog.csdn.net/techfield/article/details/19933589

    后端技术漫谈
  • HDFS 高阶内容

    保存 文件树 保存 file->block (file == idnode) 不保存 block->location

    birdskyws
  • 您为什么还没OpenStack导师呢?[Openstack]

    对于像OpenStack这样的复杂项目,直接进入可能会令人生畏。除了项目本身的范围之外,还有许多系统和流程可供您熟悉。很难知道从哪里开始。

    用户6667850

扫码关注云+社区

领取腾讯云代金券