Jquery $(selector).on( )的新理解

最新推荐文章于 2021-08-09 16:33:04 发布
最新推荐文章于 2021-08-09 16:33:04 发布
阅读量739 收藏
点赞数
分类专栏： 新手期积累 文章标签： jquery
原文链接：https://www.runoob.com/jquery/event-on.html
版权

$(selector).on( )语法：

在这里插入图片描述
回调函数中的 $(this) 指 childSlelector
参数event 也是 childSlelector 所能触发的事件

刚接触学习Jquery：

对于on方法特别不理解事件委托的意义。

最近练习阿里百秀案例：

on( )，原生代码onclick等 。二者在绑定静态控件时没有区别，但是如果面对动态产生的控件，只有 on( ) 能成功的绑定到动态控件中。
在添加头像功能中属于静态控件；而修改头像功能中属于动态控件。两者使用同一个上级元素并使用on ( )事件委托,提高效率

yellow-V
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery手册(jquery.cuishifeng.cn网页版)2
10-18
3. **事件处理**: 使用`.on()`方法可以绑定事件，如`$(selector).on('click', function() {...})`表示当点击指定元素时执行函数。`.off()`用来移除事件绑定。 4. **动画效果**: jQuery的`.animate()`方法允许创建...
jquery-3.3.1.js和jquery.min-3.3.1.js
07-24
- **Ajax交互**：`$.ajax()`, `$.get()`, `$.post()`等函数提供了简洁的接口进行异步数据请求。 - **链式操作**：jQuery对象返回的是自身，因此可以连续调用多个方法，如`$(selector).css('color', 'red').addClass...
如何理解jQuery.on()函数
tiankai戈
12-20 573
on()函数用于为指定元素的一个或多个事件绑定事件处理函数。 此外，你还可以额外传递给事件处理函数一些所需的数据。 从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。 on()支持直接在目标元素上绑定事件，也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下，即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。 此外，该函数可以为同一元素、同一事件类型绑定多个
jQuery.on() 函数详解
weixin_44108880的博客
05-12 1847
on()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。 从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。 on()支持直接在目标元素上绑定事件，也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下，即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。 此外，该函数可以为同一元素、同一事件类型绑定多个事
理解jquery的$.extend()、$.fn和$.fn.extend()
夜轩14
12-11 3841
jquery插件的开发包括两种：一种是类级别的插件开发，即给jquery添加新的全局函数，相当于给jquery类本身添加方法。jquery的全局函数就是属于jquery命名空间的函数。另一种是对象级别的插件开发，即给jquery对象添加方法，下面就两种函数的开发做详细的说明。1.类级别的插件开发类级别的插件开发最直接的理解就是给jquery类添加类方法，可以理解为添加静态方法。典型的例子就是$.aj
jquery 插件开发 $.extend $.fn.extend 全局对象 全局函数
wolovedaima123的博客
10-29 439
  Query插件的开发包括两种： 一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数， 另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。     1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添...
jQuery异步通信方法 load()、$.get()、$.post()、$.getScript()、$.getJSON()、$.Ajax()
weixin_43297321的博客
06-30 690
一、分3层，ajax最底层，可以实现代替其他方法 在jQuery中，$ .Ajax()方法属于最底层的方法，第2层是load()，$ .get()，和$ .post()，第3层是 $ .getScript()和$.getJSON()方法。 $.getScript()，$.getJSON() load() ， $.get()，$.post() $.Ajax() 二、load()方法 详解 load() 方法从服务器加载数据，并把返回的数据放置到指定的元素中（返回的一般都是innerHTML）。 注意：还存在
【Web】Jquery插件开发之$.extend、$.fn.extend方式
2024 做自己的太阳
05-07 344
Query插件的开发方式包括： 一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数， 另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1. 类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就...
JQuery的on函数里面的selector作用
qq_44739238的博客
08-09 380
之前不知道on函数里面的selector是用来干嘛的，查了一下官方文档，里面是这样描述的 If selector is omitted or is null, the event handler is referred to as direct or directly-bound. The handler is called every time an event occurs on the selected elements, whether it occurs directly on the elem
Jquery自定义插件之$.extend()、$.fn和$.fn.extend()
weixin_30455023的博客
09-15 76
jQuery插件的种类： 1.对象级别的插件开发，即给jQuery对象添加方法，封装对象方法的插件，如:parent()、appendTo() 2.一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法，jQuery的全局函数就是属于jQuery命 名空间的函数，封装全局函数的插件 3.选择器插件 jQuery插件机制： ...
理解jquery的$.extend
weixin_34121304的博客
02-28 71
理解jquery的$.extend 今日在写js插件过程中需要使用扩展对象的方法，便想到了jQuery.extend这个方法，但又不甚了解，故去查了下官方API文档，自己也进行了相应尝试，现将所得总结如下： $.extend和$.fn.extend的相关用法 jQuery.fn jQuery.fn = jQuery.prototype =...
jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】
11-01
- `$.get()`/`.post()`：简化版的Ajax请求，用于快速实现GET和POST操作。 - `$.getJSON()`：专门用于获取JSON数据的函数。 7. **`.min.js`版本** 压缩后的`jquery-1.11.1.min.js`通过删除注释、合并变量、压缩...
jquery中$.fn和图片滚动效果实现的必备知识总结
10-20
总结一下，理解$.fn的用法是创建jQuery插件的关键。通过$.fn.extend，我们可以向jQuery对象添加自定义方法，实现特定的功能。结合setInterval和IIFE，我们可以构建出动态的图片滚动效果，同时确保插件的高效和独立性...
jquery-3.3.1.js和 jquery-3.3.1.min.js
02-08
**jQuery 3.3.1：JavaScript开发的强大工具** jQuery，作为一款强大的JavaScript库，自2006年发布以来，已经成为Web开发中不可或缺的一部分。它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务，使得...
【创新未发表】Matlab实现白冠鸡优化算法COOT-Kmean-Transformer-LSTM负荷预测算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【创新未发表】Matlab实现淘金优化算法GRO-Kmean-Transformer-LSTM负荷预测算法研究.rar
07-29
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
数据结构，顺序表，链表整理
最新发布
07-29
数据结构，顺序表，链表整理
蜣螂算法优化回声神经网络DBO-ESN电力负荷预测（多输入单输出）【含Matlab源码 5346期】.zip
07-29
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法优化ESN回声状态网络分类预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO优化ESN 4.4.2 粒子群算法PSO/蛙跳算法SFLA优化ESN 4.4.3 灰狼算法GWO/狼群算法WPA优化ESN 4.4.4 鲸鱼算法WOA/麻雀算法SSA优化ESN 4.4.5 萤火虫算法FA/差分算法DE优化ESN
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值