jQuery中bind与live的用法及区别小结
jQuery中bind与live的用法及区别小结
发布时间:2016-12-30 来源:查字典编辑
摘要:首先介绍这两个方法之前,我们常用的是click()方法复制代码代码如下:$("a").click(function(){alert("hel...

首先介绍这两个方法之前,我们常用的是click()方法

复制代码 代码如下:

$("a").click(function() {

alert("hello");

});

click()方法是bind()方法的一种简单方法。在bind()中,

jQuery所有JavaScript事件对象,比如focus, mouseover,和resize,

都是可以作为type参数传递进来的。

参数:type,[data],function(eventObject)

例如:

复制代码 代码如下:

$("p").bind("click",function(){

alert("hello");

})

也可以传参

复制代码 代码如下:

var message = "how are you!";

$("p").bind("click",{msg:message},function(e){

alert(e.data.msg);

})

live()给所有匹配的元素附加一个事件处理函数,

即使这个元素是以后再添加进来的也有效。如下:

复制代码 代码如下:

<tr>

<td>Click me</td>

</tr>

$(".mytd").bind("click",function(){

alert("hello");

})

点击Clike me 会弹出hello

此时添加一个新的元素进来

复制代码 代码如下:

$(".mytr").after("<tr><td>后加的</td></tr>");

这时 再使用bind点击"后加的"不会执行

改为使用live()方法

复制代码 代码如下:

$(".mytd").live("click",function(){

alert("hello");

})

.live()方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:

绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。

传递给 .live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类