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

2019-09-11 22:54 来源:未知

第一介绍那五个措施从前,大家常用的是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(),delegate(),on()绑定事件措施实例详解
  • jQuery事件绑定用法详解(附bind和live的分别)
  • jQuery中对前途的因素绑定事件用bind、live or on
  • jQuery中bind,live,delegate与one方法的用法及界别分析
  • 剖析jQuery的二种bind/One/Live事件绑定使用办法
  • 深入明白jQuery中live与bind方法的差别
  • Jquery绑定事件(bind和live的区分介绍)
  • jQuery中的.bind()、.live()和.delegate()之间差别分析
  • jquery中live()方法和bind()方法分别深入分析
TAG标签:
版权声明:本文由990888藏宝阁发布于网络应用,转载请注明出处:jQuery中bind与live的用法及区别小结