位置: 编程技术 - 正文

详解jQuery中的事件(jquery1)

编辑:rootadmin

推荐整理分享详解jQuery中的事件(jquery1),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery中的事件,jquery中的事件有哪些,jquery处理事件,jquery?,jquery用处,jquery实例,jquery中的事件有哪些,jquery实例,内容如对您有帮助,希望把文章链接给更多的朋友!

大致介绍

jQuery增加了并扩展了基本的事件处理机制,不但提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力

jQuery中的事件

加载DOM

在jQuery中是用$(document).ready()方法来替代JavaScript中的window.onload方法的,但是他们也有一些不同点

1、执行时机

例如我们有一个有很多图片的网页

$(document).ready()方法是在这个网页的DOM树加载完就可以执行的,而window.onload方法必须在DOM树加载完和图片都加载完才执行

如果使用jQuery我们想要在整个页面加载完在执行可以使用load()方法

下面两段代码的功能是一样的

2、多次使用

JavaScript的onload事件一次只能保存对一个函数的引用,而$(document).ready()可以保存多个

3、简写方式

$(document).ready(function(){});可以简写为$(function(){});

事件绑定

bind()函数的语法:bind(type,[.data],fn)

第一个参数是事件类型

第二个参数是可选参数,作为event.data属性值传递给事件对象的额外数据对象

第三个参数是用来绑定的处理函数

用例子来看,有两个div,第二个div隐藏,当我们点击第一个div时,第二个div显示

增加功能,当点击div1时如果div2是显示的,则隐藏它,否则就显示它

简写:

合成事件

1、hover()方法

用于模拟光标悬停事件。当光标移动到元素上时触发第一个函数,当光标移出元素时,会触发第二个函数

2、toggle()方法

用于模拟鼠标连续单击事件,当鼠标第一次点击元素,触发第一个函数,当鼠标点击同一个函数时触发第二个函数

阻止事件冒泡和阻止默认行为

1、阻止事件冒泡

stopPropagation()方法

2、阻止默认行为

preventDefault()方法

详解jQuery中的事件(jquery1)

注意:1、return false 在jQuery中是即阻止事件冒泡又阻止默认行为

   2、jQuery不支持事件捕获

事件对象的属性

1、event.type

   改方法的作用是获取到事件的类型

2、event.target

获取到触发事件的元素

3、event.relatedTarget

获取相关元素

4、event.pageX和event.pageY

获取到光标相对于页面的x的坐标和y的坐标

5、event.which

该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键;在键盘事件中获取键盘的按键

移除事件

unbind()方法语法: unbind([type],[data]);

 第1个参数是事件类型,第2个参数是将要移除的函数

 看一个例子,为div1绑定如下事件

1、如果没有参数,则删除所有绑定的事件

$('#div1').unbind();//删除所有事件

2、如果提供了事件类型作为参数,则只删除该类型的绑定事件

$('#div1').unbind('mouseover');//删除mouseover事件

3、如果把绑定时传递的处理函数作为第2个参数,则只有这个特定的时间处理函数会被删除

模拟操作

1、常用模拟

在jQuery中可以使用trigger()方法完成模拟操作,例如可以使用下面的代码来触发id为btn的按钮的click事件

$('#btn').trigger('click');

2、触发自定义事件

trigger()方法不仅能触发浏览器支持的具有相同名称的事件,也可以触发自定义名称的事件。

3、传递数据

4、执行默认操作

$('input').trigger('focus');

以上代码会触发input元素的focus事件,也会使<input>元素本身得到焦点

如果只想触发<input>元素上绑定的特定事件,同时取消浏览器对此事件的默认操作可以使用triggerHandler()方法

其他用法

添加事件命名空间,便于管理

例如可以把元素绑定的多个事件类型用命名空间规范起来

标签: jquery1

本文链接地址:https://www.jiuchutong.com/biancheng/373920.html 转载请保留说明!

上一篇:详解jQuery停止动画——stop()方法的使用(jquery 控制暂停和播放)

下一篇:jQuery中的100个技巧汇总(jqueryui)

  • 小规模纳税人月销售额超过15万
  • 广东税务是什么
  • 主办会计跟会计有什么区别
  • 小规模纳税人不开票收入怎么报增值税
  • 财务报表年报怎么更正
  • 房地产企业消防设施计入什么科目
  • 应收利息的概念是什么
  • 预付账款借方怎么处理
  • 成本少结转了怎么调回
  • 房地产开发企业资质等级有几个
  • 外地扣缴的个人所得税
  • 事业单位的股东是什么
  • 境外企业国内签订合同如何缴纳印花税?
  • 亏损企业净资产负债率
  • 未计提职工教育经费汇算清缴
  • 专用增值税发票怎么作废
  • 小规模纳税人的认定标准是什么
  • 发票修复是怎么回事
  • 红字发票如何填写摘要
  • 发放员工过节费
  • 成品加工为另一个产品
  • 坏账准备和资产减值损失
  • 技术合同的计税依据包括研究开发经费
  • 申请专利的顺序
  • 如何使用windows的记事本创建文件
  • 进项税留抵期限
  • 法人不缴纳社保员工可以缴纳吗怎么办
  • 增值税一般纳税人资格登记表
  • ati2plab.exe是什么进程 ati2plab进程安全吗
  • 四个常见html网页乱码问题及解决办法
  • 怎么核算购进商品
  • php操作步骤
  • 企业应收票据贴现 哪个部门负责
  • php字符串定义
  • 前端实战开发
  • 手把手教大家
  • 小规模年销售额500万界定标准
  • 征税对象的具体项目
  • 增值税小规模纳税人适用3%征收率
  • 个人转帐多少不引起注意
  • 撰写广告
  • 现金流量表中支付的税费怎么填
  • Linux编译mssql扩展使用php连接sqlserver2008的使用步骤
  • sql server 2005 win10
  • 投资性房地产累计摊销
  • 专票多长时间
  • 固定资产以前年度多计提怎么办
  • 自产产品对外捐赠为什么不确认收入
  • 以前年度损益调整账务处理分录
  • 汇算清缴补交的所得税怎么记帐
  • 减免增值税后附加怎么算
  • 应收票据背书转让购买原材料
  • 制造费用转入什么
  • 消防劳保
  • 员工预支工资属于什么科目
  • 税务登记财务负责人条件
  • 主营业务税金及附加借贷方向
  • 母子公司可以合并吗
  • 微软9月30日将发行股票
  • 电脑开机一直显示windowsxp
  • 修改ssh端口号
  • scanfile.exe
  • win8平板触摸键盘没反应
  • windows8使用技巧
  • win1020h2版本千万别更新
  • win7系统局域网无法看到其他电脑
  • 附件中的应用程序
  • flash 3 utility
  • opengl基础知识
  • Linux查看所有用户和密码
  • 显示网络配置的命令
  • firefox background-image垂直平铺问题的解决方法
  • vue全家桶包含哪些
  • Unity NGUI Tween的用法
  • 摩托车的消费税率
  • 税务网络安全制度
  • 教育培训机构都交哪些税
  • 不用税控盘可以清卡吗
  • 新旧鞋号码对比图
  • 2021房屋退税流程怎么操作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设