jquery中on/delegate的原理 早期版本中叫delegate, 后来有过live函数,再后来统一用on。下面的方法等效: 代理的好处就是动态添加的元素,之前之前绑定的事件依然有效,直接使用bind是无法在这种情况下生效的。 代理事件其实就是利用了事件冒泡机制,给父元素绑定事件,在hand
转载
2016-10-27 11:47:00
93阅读
2评论
什么方法是最有效的呢?
转载
2015-12-01 12:43:24
38阅读
什么是事件代理?首先得知道什么是事件,并且弄清楚事件流,才能真正明白事件代理原理。一、什么是事件? javascript与HTML之间交互就是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。如onload、onclick、onmouseup、onmousedown... 。二、事件流 DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在
转载
2023-07-25 08:50:50
52阅读
jQuery推出on()的目的有2个,一是为了统一接口,二是为了提高性能,所以从现在开始用on()替换bind(), live(), delegate()吧。尤其是不要再用live()了,因为它已经处于不推荐使用列表了,随时会被干掉。如果只绑定一次事件,那接着用one()吧,这个没有变化。bind()支持Jquery所有版本;live()支持jquery1.8-;delegate()支持jquery1.4.2+;on()支持jquery1.7+。
转载
2015-12-29 13:23:00
97阅读
2评论
1. jQuery 事件 - delegate() 方法定义和用法delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。$("div").delegate("button","click",function(){
$("
转载
2023-05-24 16:03:03
63阅读
# 深入理解 jQuery 委托(Delegate)应用
在前端开发中,DOM 操作是日常工作的重要部分,而 jQuery 提供的委托(delegate)功能,使得我们可以更加高效地管理事件,尤其是在动态生成的 DOM 元素上。本文将详细介绍 jQuery 的委托功能,并提供代码示例,帮助你更好地理解和应用这一强大工具。
## 什么是事件委托
事件委托是一种通过将事件处理程序附加到父元素,而
原创
2024-09-20 06:11:24
29阅读
$("body").delegate("div","click",function(){ alert("123"); }) 该方法弄的就是给指定区域的指定元素添加click时间
原创
2022-08-01 15:33:20
58阅读
# 实现 "jQuery delegate" 的简单实现
## 概述
在开始解释如何实现 "jQuery delegate" 之前,我们先来了解一下 delegate 的作用。"jQuery delegate" 是一种事件委托机制,它允许我们将事件处理程序附加到动态添加到 DOM 中的元素上。这对于处理大量元素或在元素动态生成时绑定事件非常有用。
本文将指导你如何使用纯 JavaScript
原创
2023-07-22 08:54:28
284阅读
jQuery给我们提供了强大的js库。我们可以用jQuery脚本向页面添加元素,随着程序进行添加的元素怎么添加事件呢?就需要使用delegate了。delegate()方法可以为已有或新添加的页面元素绑定已定义的事件:如下:html:<body><div><span>123</span><button>添加</button>&
原创
2018-12-19 21:03:48
2072阅读
Jquery on方法绑定事件后执行多次的实现方法这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick来实现,后来没有这样做,使用的是 on(‘click',function(){}) ,然而使用on方法的时候就发现,on 对同一个元素多次绑定同一个事件的时候,这个事件就会执行多次。下面给出这种情况的实例:$(function(){
$
转载
2023-10-07 19:12:05
35阅读
这是一个段落。请点击任意一个 p 元素,它会消失。包括本段落。在本按钮后面插入一个新的 p 元素注释:通过使用 delegate() 方法,而不是 live(),只有 div 元素中的 p 元素会受到影响。
转载
2015-05-03 20:55:00
118阅读
2评论
事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。一般绑定事件的写法$(function(){ $ali = $('#list li'); $ali.click(function() { $(this).css({ba...
原创
2022-07-03 00:42:06
414阅读
作者:zccst
[b]什么是deferred对象?[/b]
开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。
通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪
转载
2024-01-14 21:35:26
48阅读
jquery delegate()方法 语法 作用:delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。深圳大理石平台 语法:$(s
转载
2019-11-29 16:38:00
107阅读
2评论
delegate -------- 为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,
原创
2023-06-26 06:55:49
76阅读
jQuery.validate是用js来编写的jquery验证框架。下面来谈下各种使用方法吧首先需要引入jquery.js和validate.js,然后,载入validate函数,<script src="./jquery-1.7.js" type="text/javascript"></script>
<script src="./jquery.validate.j
转载
2023-06-09 20:18:06
48阅读
一、on(),live(),bind() on() 为指定的元素,添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。使用 on() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。】
转载
2017-07-21 14:20:00
89阅读
2评论
jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。
复制代码 代码如下: $('a').b
转载
2015-10-20 16:09:00
64阅读
2评论
近来在研究JS的时候,小码哥又一次看到jquery中常见的几种绑定事件的方法:bind(),live(),delegate()。因此,闲来无事,想把他们几个做一下系统的分析,一遍后面的码农们能够一起分享!先说好,鄙人也算是JS的初学者,很复杂的模块啥的,也是略懂而已,要是有码神看到,可别Ma我哈!!那好,下面就直接进入主题了~首先,分别介绍一下这三个方法:1、bind()——$(selector)
原创
2014-12-29 16:16:25
945阅读
jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事...
转载
2015-05-03 21:07:00
79阅读
2评论