浅谈jQuery中的事件


Posted in Javascript onMarch 23, 2015

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.事件冒泡图示

浅谈jQuery中的事件

阻止事件

阻止默认行为:有的元素有默认行为,比如超链接点击后会转向新链接、提交按钮默认会提交表单,如果想阻止默认行为只要调用事件对象的preventDefault()方法和window.event.returnValue=false效果一样。

$(“a”).click(function(e) {

          alert(“所有超链接暂时全部禁止点击”);

         e.preventDefault();

       });

以上所述就是本文关于jQuery事件的全部描述了,希望对大家学习jQuery能够有所帮助。

Javascript 相关文章推荐
js中更短的 Array 类型转换
Oct 30 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
微信小程序select下拉框实现效果
May 15 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
javascript系统时间设置操作示例
Jun 17 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
Nov 05 Javascript
在vue中使用console.log无效的解决
Aug 09 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 #Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 #Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 #Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 #Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 #Javascript
JavaScript动态加载样式表的方法
Mar 21 #Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 #Javascript
You might like
php除数取整示例
2014/04/24 PHP
实例讲解php将字符串输出到HTML
2019/01/27 PHP
一些易混淆且不常用的属性,希望有用
2007/01/29 Javascript
面向对象的javascript(笔记)
2009/10/06 Javascript
用JQUERY增删元素的代码
2012/02/14 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
2013/03/28 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
编写自己的jQuery提示框(Tip)插件
2015/02/05 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
2015/04/30 Javascript
Javascript中String的常用方法实例分析
2015/06/13 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
Vue.js 和 MVVM 的注意事项
2016/11/07 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
python爬虫之xpath的基本使用详解
2018/04/18 Python
Python3最长回文子串算法示例
2019/03/04 Python
Python函数__new__及__init__作用及区别解析
2020/08/31 Python
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
Pop In A Box英国:Funko POP搪胶公仔
2019/05/27 全球购物
意大利在线药房:Farmacia Loreto Gallo
2019/08/09 全球购物
如何填写个人简历自我评价
2013/12/10 职场文书
医学生职业规划范文
2014/01/05 职场文书
乡镇干部先进事迹材料
2014/02/03 职场文书
党的群众路线教育实践活动个人整改措施材料
2014/11/04 职场文书
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python
python ansible自动化运维工具执行流程
2021/06/24 Python