核心提示:JQuery事件初见1.JQuery中的事件绑定其实呢,JQuery中标准的事件绑定是这样写下:(如下)代码如下:$('#btn').bind('click',function(){});但是每次这样...

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

阻止事件

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

代码如下:

$(“a”).click(function(e) {          alert(“所有超链接暂时全部禁止点击”);         e.preventDefault();       });

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

关注微信号:javalearns   随时随地学Java

或扫一扫

随时随地学Java

java中jquery怎么学,浅谈jQuery中的事件--Java学习网相关推荐

  1. python中怎么计数_浅谈python中统计计数的几种方法和Counter详解

    1) 使用字典dict() 循环遍历出一个可迭代对象中的元素,如果字典没有该元素,那么就让该元素作为字典的键,并将该键赋值为1,如果存在就将该元素对应的值加1. lists = ['a','a','b ...

  2. python 中arange函数_浅谈Python中range与Numpy中arange的比较

    本文先比较range与arange的异同点,再详细介绍各自的用法,然后列举了几个简单的示例,最后对xrange进行了简单的说明. 1. range与arange的比较 (1)相同点:A.参数的可选性. ...

  3. python中rstrip用法_浅谈Python3中strip()、lstrip()、rstrip()用法详解

    简单来说,三种方法是为了删除字符串中不同位置的指定字符.其中,strip()用于去除字符串的首尾字符,同理,lstrip()用于去除左边的字符,rstrip()用于去除右边的字符 Python中有三个 ...

  4. python中astype用法_浅谈python 中的 type(), dtype(), astype()的区别

    如下所示: 函数 说明 type() 返回数据结构类型(list.dict.numpy.ndarray 等) dtype() 返回数据元素的数据类型(int.float等) 备注:1)由于 list. ...

  5. Java防止Xss注入json_浅谈 React 中的 XSS 攻击

    作者:陈吉 转发链接:https://mp.weixin.qq.com/s/HweEFh78WXLawyQr_Vsl5g 前言 前端一般会面临 XSS 这样的安全风险,但随着 React 等现代前端框 ...

  6. java中display中的属性_浅谈CSS3中display属性的Flex布局

    最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex 1 .container { 2 display: flex; 3 flex-direction: colum ...

  7. java中parseint函数_浅谈 js中parseInt函数的解析

    首先还是从很热门的实例parseInt("09")==0说起. parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话,默认是10进制. 比如说pa ...

  8. java webservice 高并发_浅谈WEB中的高并发

    今天主要是对JAVA_WEB中高并发的概念及常见的处理手段做个基本介绍,后面会每个点都做详细的介绍及实现. 何谓高并发 高并发指的是:在同时或极短时间内,有大量的请求到达服务端,每个请求都需要服务端耗 ...

  9. android中gravity什么意思,浅谈android 中layout_gravity和gravity

    相信很多学习了android的人,都知道布局中存在两个很相似的属性:android :layout_gravity和android:gravity.一般的都知道, android :layout_gr ...

最新文章

  1. 重磅!计算机主题征稿,【EI/SCI检索】ICCBD 2021诚邀您投稿参会!
  2. DM8168学习--引导顺序
  3. 数据库设计范式实例解析
  4. Jquery有哪些选择器
  5. flask接收前台的form数据
  6. 2021年Github项目Top100
  7. 自由职业者:5步拿下新项目
  8. 热门开源 WYSIWYG 编辑器 TinyMCE 被指存在严重的 XSS 漏洞
  9. php调用jssdk转发_php一个文件搞定微信jssdk配置
  10. idea 快捷键修改去除 自动导入import 相关整理
  11. 模块化方案esl以及amd的依赖方式
  12. 乍暖还寒也不怕 浅谈物联网智能温度控制器
  13. _stdcall和_cdecl
  14. 服务器系统补丁失败,windows server 2008更新补丁失败排错
  15. python显示invalid character_python提示invalid character in identifier
  16. 启动监听时的XDB、XPT和PLSExtProc服务的介绍
  17. 收藏转载樱花飘落代码
  18. 5G无线网络智能规划技术的探索与实践
  19. 主窗口给按钮控件发送消息 BN_CLICKED和BN_SETFOCUS和BN_KILLFOUCS
  20. android studio视频教程

热门文章

  1. 使用shell进行mvn打包,根据mvn是否打包成功来进行下一步操作
  2. Python图形之-tkinter与matplotlib结合案例
  3. 如何确保TCP协议传输稳定可靠?
  4. Phyton自定义包导入。
  5. export ,export default 和 import 区别 以及用法
  6. js callback promise async await 几种异步函数处理方式
  7. 奇怪吸引子---NoseHoover
  8. NGUI所见即所得之深入剖析UIPanel,UIWidget,UIDrawCall底层原理
  9. 对Extjs中store的多种操作
  10. JQuery 网站换肤功能