2022-02-15 jQuery的on方法中的多个参数分别代表的含义

已于 2022-11-10 10:08:09 修改
阅读量305 收藏
点赞数
分类专栏： 笔记 jQuery 文章标签： jquery 前端 javascript
于 2022-02-15 21:33:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rowlet/article/details/122952654
版权
语法:$(selector).on(event, childSelector,data,function)；
参数说明：

  • event 必须 事件的名称(可以自定义) 支持绑定多个事件 多个事件用空格分开 也可以是map参数和数组

  • childSelector 可选 添加事件程序的子元素而且不是父选择器本身

  • data 可选 传递到事件对象 event的额外的参数

-function 必选 规定事件发生时运行的函数

主要是childSelector和data两个可选参数不常见
使用场景

在大div里绑定点击事件,on参数中写其子元素,可以触发针对子元素的事件

前端OnTheRun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jQuery中的on方法详细介绍
冰雪为融的博客
06-19 2667
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。如需移除事件处理程序，请使用 off() 方法。如需添加只运行一次的事件然后移除，请使用 one() 方法。语法：.on( events [, selector ] [, data ], handler(eventObject) )events：类型: String（必选）一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，...
JQuery学习笔记
weixin_30454481的博客
05-05 422
jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 优点： 简化JS的复杂操作 不再需要关心兼容性 提供大量实用方法 jQuery 语法 jQuery 语法是为 ...
jQuery（八）绑定事件
qq_38904347的博客
09-27 130
on()方法 说明：方法在被选元素及子元素上添加一个或多个事件处理程序。 语法：$(selector).on(event,childSelector,data,function) event：必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值，也可以是数组。必须是有效的事件。 childSelector：可选。规定只能添加到指定的子元素上的事件处理程序，且不是选择器本身。 ...
Vue $on、$emit的实现
meng_xiaoxiao的博客
06-03 952
1、$on的用法：接收2个参数，返回对象的本身； 第一个参数是字符串或者字符串数组。 第二参数是回调函数。 2、$emit的用法：接收1+n个参数，返回对象的本身； 第一个参数是字符串； 第n参数是作为回调函数的参数。...
jQuery中on()方法用法实例
12-09
本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以在匹配元素上绑定一个或者多个事件处理函数。 使用off()方法可以删除on()方法绑定的事件。 语法结构一: 代码如下:$(selector...
jQuery中on方法使用注意事项详解
12-03
on方法可以传入childSelector指定添加事件处理函数的具体子元素，还可以传入对象格式的数据data，fn函数内部通过event.data.XXX获取具体参数。传入事件处理函数的data需要在事件绑定时就确定好，不同于trigger(...
jQuery中on()方法用法实例详解
10-24
jQuery中的on()方法是用于事件处理的核心方法，它在jQuery 1.7版本引入，旨在替代旧有的bind(), live(), 和delegate()方法。这个方法的主要目的是提供一个更强大、更灵活且性能更好的事件绑定机制。 一、on()方法的...
jQuery使用bind函数实现绑定多个事件的方法
10-19
`bind`函数是jQuery中用于绑定事件处理程序的一个重要方法，它允许我们为一个或多个事件添加监听器。本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。 首先，`bind`函数的基本语法如下： ```...
jQuery1.8.3-20121215.zip（jQuery语法包）
02-18
- **链式操作**：jQuery对象返回的是自身，允许连续调用多个方法，如`$("p").css("color", "red").hide()`。 - **DOM操作**：包括添加、删除或修改HTML元素，如`append()`, `remove()`, `html()`, `text()`等。 -...
jQuery on方法传递参数示例
01-19
教你如何给 jQuery on方法绑定的函数传递参数，代码如下： 代码如下: $(“.loadingFlower”).on(“click”,”,{name:”123″,id:”234″,tel:”345″},callback)   function callback(event){    console.log(event.data.name);    //参数1 =>123    console.log(event.data.id);      //参数2 =>234    console.log(event.data.tel);     //参数3 =>345 }
jQuery事件（重点）
m0_51281306的博客
03-22 658
1问：什么是事件？ 答：事件是在文档中或者在浏览器窗口中通过某些动作触发。比如，单击，鼠标经过，键盘按下等。事件通常和函数结合使用。 Javascript中的事件在jquery都是可以使用的，只是有一点区别，jQuery简化了javascript事件的操作，绑定事件时，没有on关键字。 我们先看一个默认触发一个单击的案例 jQuery常用事件 （1）click事件： 语法格式： click(‘数据’，回调函数); mouseover和mouseenter的应用 mouseover：事件在鼠
jquery on方法原理_关于jQuery中on()方法的用法
weixin_34274601的博客
01-14 1153
今天突然用到了jQuery中on()方法，由于on()方法用途很广泛，在其他语言中也有此方法，但是感觉自己对这个方法还没有深入的了解过，于是乎想自己总结梳理一下。开始正文：语法结构一:代码如下:$(selector).on(events,[selector],[data],fn)参数列表：参数 描述events ：一个或者多个用空格(记住是用空格，而不是逗号)分隔的事件类型和可...
jquery：$.on(event,[selector],[data],fn)
u014081297的专栏
04-15 2384
1、$.on() 在选择元素上绑定一个或多个事件的事件处理函数。 on
jQuery on()方法
weixin_30765577的博客
02-12 439
jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() 　　$("p").bind("click",function(){ 　　　　alert("The paragraph was clicked."); 　　}); ...
jQuery on() 方法被选元素添加同一个事件都会被执行
caihuawei123的博客
05-21 297
<script> $(document).ready(function(){ $("p").on("click",function(){ alert("我被点击了。"); }); $("p").on("click",function(){ alert("我再次被点击了。"); }); }); </script> </head> <body> <p>点击这个段落。</p> 注意：被选元素添加同一个事件都会
jquery获取动态添加元素
u011360133的专栏
09-03 416
语法 $(selector).on(event,childSelector,data,function) event 必需。规定要从被选元素移除的一个或多个事件或命名空间。 由空格分隔多个事件值，也可以是数组。必须是有效的事件。 childSelector 可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。 ...
jQuery绑定事件
lncci的博客
09-18 402
现在还在使用的jQuery绑定事件的方法：on、bind(delete与live在jQuery1.7中被移出) on-&gt;off、bind-&gt;unbind 1、bind(event,[data],function) bind 是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数，参数的含义如下： event：事件类型，如 click、change、mouse...
[javascript]jQuery绑定事件方法：on()
weixin_30273763的博客
09-20 71
语法： $(selector).on(event,childSelector,data,function) on(event,childSelector,data,function)：在被选元素及子元素上添加一个或多个事件处理程序。 1.参数含义 event 必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值，也可以是数组。必须是有效的...
Vuex 核心揭秘：打造高效前端状态库
最新发布
a3098448071的博客
07-03 1107
状态（State）类似于 Vue 组件的data属性，用于存储组件的响应式数据。在 Vuex 中，state用于存储整个应用的全局状态。Getters类似于 Vue 组件的computed计算属性，它们用于从其他数据派生出新的数据。在 Vuex 中，getters用于从state中派生出一些状态，这些状态可以根据state的变化而缓存或重新计算。Mutations类似于 Vue 组件的methods中的方法，用于改变组件的data。在 Vuex 中，mutations用于改变state。
jquery中on方法有几个参数
06-08
在 jQuery 中，on() 方法有多个重载形式，可以接受不同数量的参数。最基本的形式是接受两个参数，第一个参数是事件类型，第二个参数是事件处理函数。例如： ``` $(selector).on(event, handler) ``` 此外，on() 方法还可以接受一个对象作为参数，用于绑定多个事件和处理函数。例如： ``` $(selector).on({ event1: handler1, event2: handler2, ... }) ``` on() 方法还可以接受一个可选的选择器参数，用于指定只有匹配该选择器的元素才会触发事件。例如： ``` $(selector).on(event, selector, handler) ``` 最后，on() 方法还可以接受一个可选的数据参数，用于传递额外的数据给事件处理函数。例如： ``` $(selector).on(event, data, handler) ``` 总的来说，on() 方法最少接受两个参数，最多接受四个参数。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端OnTheRun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值