JS delegate与live浅析_javascript技巧
程序员文章站
2022-05-10 12:49:41
...
在jquery里有两个方法可以用来绑定自动追加出来的DOM对象,它们是live和delegate,事实上,这两个方法是bind方法的一个变体,在对于固定DOM对象时,我们通常使用bind就可以了,而对象动态产生的DOM对象,使用bind就无能为力了,这时live和delegate就出场了,呵呵。
//live
$("td").live("click", function () {
alert($(this).html());
});
//下面也是可以的 $("#list td").live("click", function () {
alert($(this).html());
});
delegate方法,用来绑定某个(某类)对象下的子对象,为子对象绑定方法(委托子对象,让子对象有某种方法,呵呵)
$("#list").delegate("td", "click", function () {
alert($(this).html());
});
live方法,用来绑定某个(某类)对象,为它们绑定方法
复制代码 代码如下:
//live
$("td").live("click", function () {
alert($(this).html());
});
//下面也是可以的 $("#list td").live("click", function () {
alert($(this).html());
});
delegate方法,用来绑定某个(某类)对象下的子对象,为子对象绑定方法(委托子对象,让子对象有某种方法,呵呵)
复制代码 代码如下:
$("#list").delegate("td", "click", function () {
alert($(this).html());
});
下面的DEMO的完成代码:
复制代码 代码如下:
推荐阅读
-
js快速与任意QQ号码建立临时对话_javascript技巧
-
js中事件的处理与浏览器对象示例介绍_javascript技巧
-
iframe子页面与父页面在同域或不同域下的js通信_javascript技巧
-
js动态添加onclick事件可传参数与不传参数_javascript技巧
-
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果_javascript技巧
-
js AppendChild与insertBefore用法详细对比_javascript技巧
-
js 程序执行与顺序实现详解_javascript技巧
-
js使用栈来实现10进制转8进制与取除数及余数_javascript技巧
-
js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
-
js判断为空Null与字符串为空简写方法_javascript技巧