2021-04-29-CSDN博客

本文链接：https://blog.csdn.net/Li13610030857/article/details/116256798

本文介绍了jQuery的on()方法，用于在元素上绑定事件处理程序。on()方法支持多种事件绑定，包括单次触发的事件，并能传递数据给处理函数。通过选择器可以实现事件委托，提高代码效率。此外，文章还展示了on()方法的不同用法，如绑定同种功能的多种事件、多元素绑定同一事件、绑定多个不同功能的事件以及如何传递动态参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery事件中的on()方法

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： Visual Studio 2015

作者：杰森

撰写时间：2021/4/28

对on()方法的简要概述：

1、在元素选择器上绑定一个或多个事件的事件处理函数。

2、on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。

3、在jQuery1.7中，on()方法提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换，see .bind(), .delegate()和.live()。要删除的on()绑定的事件，可以使用off()。要附加一个事件，只运行一次，然后删除自己，可以使用one()。

关于on()方法的参数：

在On(events,[selector],[data],fn)的方法中有四个参数。其中分别表示的意思为：

events:一个或多个用空格分隔的事件类型和可选的命名空间，如“click”或“keydown.myPlugin”。

selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略，当它到达选定的元素，事件总是触发。

data:当一个事件被触发时要传递event.data给事件处理函数。

fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。

events-map:个用字符串表示的，一个或多个空格分隔的事件类型和可选的命名空间，值表示事件绑定的处理函数。

关于on()向元素添加事件处理程序：
常用类型：
一个元素绑定同种功能的多种事件：
多元素绑定同一事件（同事件委托）事件名称，选择器，事件要执行的方法。
绑定多个不同功能的事件。
将数据传递到处理函数中，动态传参。
这是我所学到的jQuery事件中的on()方法，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！