jquerydelegate（jQuery中delegate和on的用法与区别详细解析）
本文目录
jQuery中delegate和on的用法与区别详细解析
本篇文章主要是对jQuery中delegate和on的用法与区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助在jQuery1.7中.delegate()已被.on()取代。对于早期版本，它仍然使用事件委托的最有效手段。在事件绑定和委派，delegate()和on在一般情况下，这两种方法是等效的。 .delegate()指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 代码如下://jQuery1.4.3+$(elements).delegate(selector,events,data,handler);//jQuery1.7+$(elements).on(events,是可选，一个选择器字符串用于过滤器的触发事件的选择器元素的后代。例如： 代码如下:$(“table“).on(“click“,“.td1“,function(){alert(“hi“);}); 过滤class为td1的table子元素 而delegate的selector是必需的。
jquery中的delegate函数有什么作用
$(“p“).delegate(“body“, “click“, function(){ alert(“P元素的CLICK事件！“);});这个代码的意思是向Body元素下面的已有P元素以及未来被添加到body的P元素添加click事件。$(“body“).append(“《p》后追加的p元素《/p》“);此时这个被添加的p元素也会被绑定上之前代码上的那个click事件，不必再手动绑定。但是本人并不推荐用delegate的方式给元素绑定事件处理函数，他的原理是在body（参数第一个传的是啥就是啥）绑定click（第二个参数传的是啥就是啥）事件，然后判定触发当前click的事件是否符合当前绑定的选择器（即代码示例中的$(“p“)），如果符合，再回调你的click函数。也就是说这个方式绑定的click事件并非是直接绑定到p（代码写的是啥就是啥）元素上的，而是body上的，性能差，一旦用这种方式给10种dom绑定click事件，那么他肯定会有一个队列保存这10种选择器，当你触发一个click事件时会用一个循环去判断是否满足这10种dom中的具体哪一种而后再回调具体的事件处理函数。而且还有个问题就是他有些事件并不支持这样绑定。所以除了万不得已不推荐这样写。
更多文章：
2025年3月7日 01:10
2025年3月19日 00:50
2025年3月25日 00:10
eating怎么读（eating 和eatting哪个正确）
2025年2月13日 07:20
2025年3月13日 07:20
closest什么意思（英文closer翻译成关闭者的关闭者是什么意思）
2025年4月5日 23:30
js字符串转数字的方法（js 数字、字符串、布尔值的转换方法（必看））
2025年3月21日 23:10
制作excel表格全步骤教程视频（如何制作excel表格视频）
2025年4月7日 01:20
2025年4月6日 07:00
clickhouse原理解析与应用实践 pdf（clickhouse一秒钟查询次数）
2025年2月20日 08:00
2025年3月4日 14:00
mysql的update语句格式（MySQL语言，请问修改一行数据的数据库语言如何表达数据库SS，表SS1,项website，co）
2025年2月13日 04:30
2025年2月22日 16:40
panel data（panel data的中文意思是什么）
2025年3月5日 01:50
2025年3月14日 20:30
jquery效果代码（jquery实现漂亮的二级下拉菜单代码）
2025年3月1日 17:50
2025年2月15日 12:10
matlab中怎么建立wrl物体的包围盒？怎样绘制osg包围球框（就像包围盒框那样），急急急急
2025年3月9日 08:20
windows7正版下载官网（正版win7系统下载官网是哪个）
2025年3月8日 14:50
innovation的形容词（Innovation和Creative的区别）
2025年3月25日 14:00
