jquery中的on事件

最新推荐文章于 2023-04-09 20:52:13 发布

weixin_30326515

最新推荐文章于 2023-04-09 20:52:13 发布

阅读量85

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bm20131123/p/4689014.html

本文详细阐述了jQuery中on()函数的功能和用法，从jQuery1.7版本开始，on()函数统一取代了之前的bind()、delegate()、live()等事件处理函数，提供了一站式的事件绑定解决方案。

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

on()函数用于为指定元素的一个或多个事件绑定事件处理函数。

从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。

转载于:https://www.cnblogs.com/bm20131123/p/4689014.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30326515

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Jquery 【on事件】

annao6693的博客

06-15

459

一.on事件的定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元...

jquery on事件

zengyonglan的博客

09-22

546

jquery on实现绑定多个事件概述：在选择元素上绑定一个或多个事件的事件处理函数。on( events, [selector], [data], fn)on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中，.on()方法提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换，see .bind(), .delegate(), 和 .l

参与评论您还未登录，请先登录后发表或查看评论

jquery中on事件

weixin_46002223的博客

08-23

1458

jquery中on事件多个事件处理语法 element.on(events,[selector],fn) 1、events：一个或多个用空格分隔的事件类型，如“click”或“keydown”。 2、selector：元素的子元素选择器 3、fn：回调函数绑定在元素身上的侦听函数第二种方法把原来给子元素身上的事件绑定在父元素身 ul父元素 li子元素触发的对象是ul里面的小li，绑定事件是给ul绑定的 $("ul").on("click","li",function(){ alert(

jquery on()事件

weixin_30270561的博客

07-30

107

最近在写一个后台管理项目的时候因为on事件踩了坑，所以再项目结束之后，想总结性的谈谈jquery的on事件。 on事件是在jQuery1.1之后bind()、live()和delegate()方法新的替代品。使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。语法 $(selector).on(event,childSelector,data,functio...

jQuery 的事件方法 .on()

segclliwf的博客

12-18

1772

jQuery .on()是常用的方法，它類似于JavaScript 的addEventListener方法，可以監聽處理所有的事件。一. 使用方法步驟1：使用選擇器建立 jQuery 選取集合；步驟2：使用on()指定事件名稱和處理函數。例如：$(“li”).on(“click”,function(){ $(this).addClass(“completed”); }); 二.例子 .on(events[,seletor][,data],function(e){…}) 例子： $(“ul”).on(

jQuery中on绑定事件后引发的事件冒泡问题如何解决

10-22

总之，要解决jQuery中`.on()`事件冒泡问题，推荐的方法是将事件处理器绑定到离目标元素最近的父元素上，并在需要阻止冒泡的情况下，在事件处理函数中调用`e.stopPropagation()`方法。这样做既可以提高程序的性能，也...

jQuery中绑定事件bind() on() live() one()的异同

10-20

在不同的版本中，jQuery 提供了多种方法来绑定事件，主要包括 bind()、on()、live() 和 one()。接下来，我们将详细探讨这些方法的相似点和不同点。首先，让我们了解一下 bind() 方法。bind() 是 jQuery 中最传统的...

浅析jQuery事件之on()方法绑定多个选择器,多个事件

10-22

on()方法是jQuery中用于绑定事件处理器的核心方法之一。它可以用于在一个或多个元素上绑定一个或多个事件处理器。在现代的jQuery版本中，on()方法取代了之前版本中的.bind(), .live(), 和.delegate()方法。 ### on...

jQuery中的on与bind绑定事件区别实例详解

01-21

on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。 selector:一个选择器字符串用于... jQuery 3.0中已弃用此方法，请用 on()代替。

Jquery的on方法绑定事件

qq_52130160的博客

05-02

2413

$(selector).on('events',fn) events：一个或多个用空格分隔的事件类型 selector：元素的子元素选择器 fn：回调函数，即绑定在元素身上的侦听函数 1.on方法可以一次性绑定多个事件 <div style="height: 100px; width: 100px;background-color: red;">DIV样式</div> <ul> <li>1</li> &

jquery 的on事件用法

海涛高软

10-15

553

通过通过选择器字符串来过滤匹配元素的子元素中哪些可以响应绑定的事件。代码中，类名为children的元素和它的子元素可以调用绑定的事件。 <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>脚本之家</title>

Jquery-on绑定事件和动态事件

qq_52347540的博客

08-31

587

文章目录Jquery-on绑定事件on可以绑定多个事件on倘若多个事件的效果相同 Jquery-on绑定事件 on可以绑定多个事件在传统的绑定事件中，只能绑定一个事件,例如：$(" div ") . click ( function(){…} ) 用on可以绑定多个事件，例如: $("div") . on( { click:function(){ ... }, mouseleave:function(){ ... }, mouseenter:function(){

jQuery事件处理： on() 绑定事件

qq_51387458的博客

04-09

4096

jQuery事件处理： on() 绑定事件

Jquery on方法绑定事件后执行多次

----------

07-12

3251

转自：https://blog.youkuaiyun.com/fun913510024/article/details/46971681 感谢$(“.test-btn”).off(“click”); ，off方法解绑。这两天工作中遇到使用js动态加载内容，同时需要对加入的内容绑定点击事件的，当时想想了想可以使用内联的onclick来实现，后来没有这样做，使用的是 on(‘click’,function(){...

jQuery事件处理 on() 绑定事件

vue_ajks的博客

08-12

1448

jQuery事件处理 on() 绑定事件

jquery中关于on()方法支持的事件

余百炼的博客

08-15

1202

今天对on(‘click’,function(){})方法中函数命名成click产生了一些疑问，自以为想产生这个点击事件换一个函数名是不是也可以，然后试了一下，发现不行，原来on()方法有它自己支持的jquery事件，这些事件名不可随意更改，否则将破坏函数的功能；下面是on()方法支持的所有jquery事件,摘自jQuery1.8.3的源码,比较权威: blur focus focusin fo...

jQuery事件中on实现绑定多个事件

极客神殿

04-06

8935

相信大家都知道在jQuery1.9版本中，已经去掉了live和delegate方法，从而将on方法的地位进一步提升。 jQuery如此推崇on方法，必有其独到的地方。所以我们就有必要了解这个on，并在代码中利用它，从而优化代码和提高性能。那么接下来我们就来看看on的使用方法一、使用on进行普通事件绑定 1.1使用on绑定一个事件语法结构： jq对象.on(“事件类型”,”事件处理函数”) 1....

JQuery的on事件多次触发问题

Calla_Lj的博客

12-06

1778

Jquery的on事件多次触发问题问题描述: 代码如下: &amp;amp;lt;!-- 结构 --&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;content&amp;quot;&amp;amp;gt; &amp;amp;lt;div id='result'&amp;amp;gt;&amp;amp;lt;/

jquery 的on方法获取发生事件的元素对象