jQuery中bind与live的用法及区别小结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery中bind与live的用法及区别小结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1167字，纯文字阅读大概需要2分钟。

内容图文

首先介绍这两个方法之前，我们常用的是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 class="mytr">
     <td class="mytd">Click me</td>
</tr>

$(".mytd").bind("click",function(){
      alert("hello");
})

点击Clike me 会弹出hello

此时添加一个新的元素进来
代码如下:
$(".mytr").after("<tr><td class='mytd'>后加的</td></tr>");

这时 再使用bind点击"后加的"不会执行
改为使用live()方法
代码如下:
$(".mytd").live("click",function(){
 alert("hello");
})

.live()方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：
绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
传递给 .live() 的事件处理函数不会绑定在元素上，而是把他作为一个特殊的事件处理函数，绑定在 DOM 树的根节点上。

内容总结

以上是互联网集市为您收集整理的jQuery中bind与live的用法及区别小结全部内容，希望文章能够帮你解决jQuery中bind与live的用法及区别小结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端