jQuery事件方法整理

1.bind(): 向被选中元素绑定事件处理程序,和当事件发生时运行的函数,1.7版本后为 on()live() 添加一个或多个事件处理程序到当前或未来的被选元素,1.9版本后被移除,改用 on()
2.blur(): 当元素失去焦点时触发的事件 ,常与focus() 元素获得焦点时触发的事件一起使用;
3.event.currentTarget属性: 当前DOM元素,通常等于this;
4.event.data属性: 如下所示,对每个 p 元素返回通过 on() 方法传递的数据:

$("p").each(function(i){
    $(this).on("click",{x:i},function(event){
        alert("序号:" + $(this).index() + ". 段落的数据为: " + event.data.x);
        //序号:1  数据号:0
        //序号:2  数据号:1
        //序号:3  数据号:2
        //.............
    });
}); 

5.event.preventDefault(): 阻止元素发生默认的行为。例如:当点击提交按钮时阻止对表单的提交、阻止a标签的href属性自动提交URL 的链接。而event.isDefaultPrevented() 是检查指定的事件上是否调用了 preventDefault() 方法;
6.event.stopImmediatePropagation(): 阻止此方法下的所有事件处理程序被执行。而event.isImmediatePropagationStopped() 方法检查指定的事件上是否调用了 event.stopImmediatePropagation() 方法;
7.event.stopPropagation(): 阻止事件冒泡到父元素,阻止任何被选定元素的父元素的事件处理程序被执行。而event.isPropagationStopped() 方法检查指定的事件上是否调用了 event.stopPropagation()。如果被调用则该方法返回 true,否则返回 false。
8.event.namespace属性: 当事件被触发时,event.namespace 属性返回自定义命名空间。
9.event.pageX和event.pageY属性: 返回鼠标指针当前所在的位置,相对于文档的左边缘。
10.event.relatedTarget属性: 返回鼠标进入或退出当前的元素。
11.event.result属性: 返回最后一次事件处理程序返回的值:
12.event.target属性: 返回那个DOM元素触发了事件。
13.event.which属性: 返回指定事件上哪个键盘键或鼠标按钮被按下。
14.event.timeStamp属性: 返回返回鼠标左键第一次按下到最后一次抬起所消耗的毫秒数。
15.event.type属性: 返回那种事件类型被触发。
16.event.metakey属性: 返回一个布尔值(true 或 false)表示事件触发时那个 META 键是否被按下。
17.focusin(): 当元素或其内任意元素获得焦点时触发。focusout() 元素或其内任意元素失去焦点时触发。
18.hover(): 当鼠标指针悬停在被选元素上时要运行的两个函数。方法触发 mouseenter 和 mouseleave 事件。
19.keydown (): 键按下的过程,keypress() 键被按下,keyup() - 键被松开。
20.mousedown() 按下鼠标左键;
mouseenter() 鼠标指针穿过(进入)被选元素;
mouseleave() 鼠标指针离开被选元素;
mousemove() 鼠标指针在指定的元素中移动;
mouseout() 鼠标指针离开被选元素;
mouseover() 鼠标指针位于元素上方;
mouseup() 松开鼠标左键。
21.off(): 移除通过on添加的事件处理程序。
22.one(): 方法为被选元素添加一个或多个事件处理程序,每个元素只能运行一次事件处理程序函数。
23.resize() 调整窗口大小时触发;
24.scroll(): 当用户滚动指定的元素时,会发生 scroll 事件;
25.select(): 当 textarea 或文本类型的 input 元素中的文本被选择(标记)时,会发生 select 事件.
26.trigger(): 方法触发被选元素上指定的事件以及事件的默认行为(比如表单提交)。
27.triggerHandler(): 方法触发被选元素上指定的事件。与 trigger() 方法相比的不同之处:

  • 它不会引起事件(比如表单提交)的默认行为
  • .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
  • 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡;如果目标元素不直接处理它们,则不会发生任何事情。
    28.$.holdReady(): 函数用于暂停或恢复.ready() 事件的执行。参数true是恢复,false是禁止。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
提供的源码资源涵盖了python应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
JQuery分类手册是一个让开发者更方便地了解和使用JQuery库的工具。JQuery是一个功能强大的JavaScript库,可以简化HTML文档遍历、事件处理、动画效果和AJAX等功能的开发过程。 JQuery分类手册按照不同的功能对JQuery进行了分类,方便开发者查找和理解不同功能模块的用法。比如,它可以将JQuery的选择器、DOM操作、事件处理、动画效果等功能分别整理在不同的章节或页面。这样,开发者就可以根据自己的需求快速定位并查找相关的知识。 JQuery分类手册通常会提供详细的示例代码,让开发者能够更好地理解和运用JQuery的各个功能。开发者可以通过手册学习如何使用JQuery的选择器来定位HTML元素,如何使用JQuery的DOM操作方法来修改和处理网页的内容,如何利用JQuery事件处理方法来响应用户的交互行为,以及如何使用JQuery的动画效果方法来为网页添加生动的动态效果等等。 JQuery分类手册也可以作为入门教程使用,对于初学者来说,它可以提供一个系统的学习路径,帮助他们逐步了解和掌握JQuery的各个功能模块。通过手册的学习,开发者可以逐渐提升JQuery的应用水平,实现更加复杂和交互性强的网页效果。 综上所述,JQuery分类手册是一个帮助开发者更好地理解和使用JQuery库的重要工具,通过它,开发者可以更快速地查找和学习JQuery的相关知识,提高开发效率和代码质量。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值