位置: 编程技术 - 正文

详解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)

  • 企业消费税会计处理案例
  • 会计核算职能有哪些特征
  • 甲供材入账
  • 支付短期借款利息的会计科目
  • 投资性房地产递延所得税资产怎么算
  • 个人独资企业生产经营所得汇算清缴时间
  • 收入纳税明细里的收入是税前还是税后
  • 银行对公回单可以在家打印吗
  • 出纳日常工作内容总结
  • 租金收入需要缴增值税吗
  • 买一手房需要交哪些税费
  • 未取得发票的收入怎么做账
  • 长期股权投资如何审计
  • 建筑工程公司涉及的会计科目
  • 折让方式
  • 外出经营预缴税款,回所在地如何申报
  • 什么情况下进项税额不得从销项税额中抵扣
  • 小微企业季度所得税和企业所得税怎么处理
  • 行车记录仪怎么开发票
  • 社会团体收取的会费可以用于哪些方面
  • 单位的审计
  • 金蝶标准版期末结转过不去
  • 购入二手设备,无发票怎么记账
  • 固定资产折旧年限的最新规定2023
  • 新公司企业怎么注册
  • 公司培训餐费计入什么费用
  • 净利润怎么计入所有者权益
  • 上报汇总完成,远程清卡清不了
  • 服务费减免税会计处理
  • 电脑怎么一键返回到桌面
  • 社保多交怎么办理
  • 事假扣款进什么科目
  • bash是什么命令
  • 怎么用U盘装系统win7
  • php几天可以速成
  • 交际应酬性支出是什么
  • php数组函数 菜鸟
  • hbuilderx怎么运行代码
  • groove.exe是什么
  • 贷款核销对个人的影响
  • html中a标签的作用
  • 图像分割 unet
  • 企业发放误餐补助需要票据吗
  • 小规模纳税人的个人所得税怎么算
  • 小规模纳税人采购零配件税率
  • login user
  • 固定资产到期日
  • 资产负债表各项目的填列依据是
  • 本月应付电费400元,下月支付
  • 购买监控器计入什么科目
  • 营改增小规模纳税人认定标准
  • 企业增值税包含哪些税项及税率
  • 在建工程工伤保险延期费用计算
  • 现金日记账里
  • 小规模结转增值税会计科目有哪些
  • 生产型企业年终奖发放方案
  • 资产减值损失审计程序是什么
  • win10预览版21277
  • windows怎么显示隐藏文件
  • win7桌面库图标怎么删除
  • 电脑显示windowsxp不能进入桌面
  • 教你彻底消灭牛身上的蜱虫
  • Win10 Mobile 10586.11已经在慢速通道推送 着离正式版更近了
  • win8.1卸载软件在哪里
  • win10喇叭图标有x
  • android:ListView的局部刷新
  • ie浏览器登录多个账号
  • python绘制球面
  • perl中\s+
  • 插入排序_Python与PHP的实现版(推荐)
  • unity shader lod
  • unity3d最新
  • Errors running builder 'Android Resource Manager' on Project java.lang.NullPointerException
  • jquery设置cookie值
  • python爬取教程
  • 税务稽查时间最长多久?
  • 乡镇地税局待遇
  • 农村报账员的基本职责
  • 美国税务人员
  • 资源税的征税对象和纳税环节
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设