浅谈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下用gb2312编码解码实现方法
Dec 31 Javascript
关于JavaScript的with 语句的使用方法
May 09 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
Jul 15 Javascript
那些年,我还在学习jquery 学习笔记
Mar 05 Javascript
关闭ie窗口清除Session的解决方法
Jan 10 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
Sep 24 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
通过javascript实现扫雷游戏代码实例
Feb 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无限分类的深入理解
2013/06/02 PHP
php+mysqli使用面向对象方式查询数据库实例
2015/01/29 PHP
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
javascript 对象的定义方法
2007/01/10 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
JQuery获取文本框中字符长度的代码
2011/09/29 Javascript
解析javascript 浏览器关闭事件
2013/07/08 Javascript
js 一个关于图片onload加载的事
2013/11/10 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
jQuery验证插件validate使用详解
2016/05/11 Javascript
详解AngularJS中的表单验证(推荐)
2016/11/17 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
JQuery实现图片轮播效果
2017/05/08 jQuery
JavaScript实现换肤功能
2017/09/15 Javascript
微信小程序视图容器(swiper)组件创建轮播图
2020/06/19 Javascript
在vue中多次调用同一个定义全局变量的实例
2018/09/25 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
NodeJs实现简单的爬虫功能案例分析
2018/12/05 NodeJs
vue实现微信获取用户信息的方法
2019/03/21 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
js实现简易计算器小功能
2020/11/18 Javascript
python异步任务队列示例
2014/04/01 Python
机器学习10大经典算法详解
2017/12/07 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
python3.6使用SMTP协议发送邮件
2020/05/20 Python
电脑租赁公司创业计划书
2014/01/08 职场文书
军神教学反思
2014/02/04 职场文书
公司承诺书格式
2014/05/21 职场文书
求职信标题怎么写
2014/05/26 职场文书
红头文件任命书范本
2014/06/05 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
收银员岗位职责范本
2015/04/07 职场文书
java executor包参数处理功能 
2022/02/15 Java/Android