当前位置:小鱼儿玄机二站 > 前端技术 > jQuery中delegate和on的用法与区别详细解析,jQuery中

jQuery中delegate和on的用法与区别详细解析,jQuery中

文章作者:前端技术 上传时间:2019-09-03

在jQuery1.7中 .delegate()已被.on()代替。对于前期版本,它仍旧接纳事件委托的最可行手法。
在事件绑定和委派,delegate()和on在相似景况下,那二种办法是完全一样的。

 本篇小说首倘诺对jQuery中delegate和on的用法与分裂实行了详实的牵线,须要的爱侣能够过来参照他事他说加以考察下,希望对我们有所协助

.delegate() 钦命的因素(属于被选成分的子成分)增添贰个或多少个事件管理程序,并规定当这么些事件爆发时运转的函数。

在jQuery1.7中 .delegate()已被.on()替代。对于初期版本,它依旧采用事件委托的最实用手段。 在事变绑定和委派,delegate()和on在相似景况下,那三种艺术是一模二样的。   .delegate() 钦赐的成分(属于被选元素的子成分)增加二个或七个事件处理程序,并规定当那几个事件产生时运转的函数。    代码如下: // jQuery 1.4.3+ $( elements ).delegate( selector, events, data, handler ); // jQuery 1.7+ $( elements ).on( events, [selector], data, handler );   譬如:.delegate()  code:  代码如下: $("table").delegate("td","click",function(){  alert("hello"); });   .on()  code: 代码如下: $("table").on("click", "td", function() {         alert("hi"); });   PS: 两个不同是seleter和events顺序差别delegate和on方法被选元素的子元素必需是"合法的"子成分。举例  复制代码 代码如下: $("table").delegate("button","click",function(){...}); $("table").on("click", "p", function(){...});   就不起功能,因为健康情况下,table子成分应该为tr,td...    on(events,[selector],[data],fn),参数[selector]是可选, 一个精选器字符串用于过滤器的触及事件的接纳器成分的后人。 举个例子:    代码如下: $("table").on("click", ".td1", function() {        alert("hi"); });   过滤class为td1的table子成分   而delegate的selector是少不了的。

复制代码 代码如下:

在jQuery1.7中 .deleg...

// jQuery 1.4.3+
$( elements ).delegate( selector, events, data, handler );
// jQuery 1.7+
$( elements ).on( events, [selector], data, handler );

例如:.delegate() code:

复制代码 代码如下:

$("table").delegate("td","click",function(){
alert("hello");
});

.on() code:

复制代码 代码如下:

$("table").on("click", "td", function() {
alert("hi");
});

PS: 两个分歧是seleter和events顺序不相同
delegate和on方法被选成分的子成分必得是"合法的"子成分。举个例子

复制代码 代码如下:

$("table").delegate("button","click",function(){...});
$("table").on("click", "p", function(){...});

就不起作用,因为健康状态下,table子成分应该为tr,td...

on(events,[selector],[data],fn),参数[selector]是可选,
一个采用器字符串用于过滤器的触及事件的选用器成分的子孙。
例如:

复制代码 代码如下:

$("table").on("click", ".td1", function() {
alert("hi");
});

过滤class为td1的table子元素

而delegate的selector是不可或缺的。

.delegate()已被.on()替代。对于刚(Yu-Gang)开始阶段版本,它还是选拔事件委托的最实用手段。 在事变绑定和委派,delegate()和on在形似情形下,那...

本文由小鱼儿玄机二站发布于前端技术,转载请注明出处:jQuery中delegate和on的用法与区别详细解析,jQuery中

关键词: