jqueryon/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元素产生一个事件时,该事件会在
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(){ $
这是一个段落。请点击任意一个 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评论
  • 1
  • 2
  • 3
  • 4
  • 5