live(type, fn)     返回值:jQuery

概述

jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。

目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。

还不支持 blur, focus, mouseenter, mouseleave, change, submit

与bind()不同的是，live()一次只能绑定一个事件。

这个方法跟传统的bind很像，但还是有一些重要区别：

 

  • 用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时，对于这个新增加的li，其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
  • live 事件冒泡的行为与传统的方式不同，因此也不能完全支持stopPropagation 或 stopImmediatePropagation 阻止冒泡，但部分支持。如果内外元素都用live事件绑定，则可以通过return false来阻止冒泡。如果外部父元素是普通事件，而内部子元素是live事件，则无法通过return false来阻止冒泡。详见例二。
  • 目前live事件只能支持使用选择器选择的元素。比如说，$("li a").live(...) 可以使用，但$("a", someElement).live(...) 或者 $("a").parent().live(...) 是无效的。

 

.live()与流行的liveQuery插件很像，但有以下几个主要区别：

  • .live 目前只支持所有事件的子集，支持列表参考上面的说明。
  • .live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
  • .live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。

 

要移除用live绑定的事件，请用die方法

参数

typeString

事件类型

fnFunction

欲绑定的事件处理函数

示例

描述:

点击生成的p依然据有同样的功能。

HTML 代码:
<p>Click me!</p>
jQuery 代码:
$("p").live("click", function(){
    $(this).after("<p>Another paragraph!</p>");
});

描述:

阻止事件冒泡

HTML 代码:
<ul>
    <li><b>Google</b></li>
    <li><b>Yahoo</b></li>
</ul>
jQuery 代码:
$("li").live("click", function(){
    $(this).addClass("active"); //live事件可以被阻止冒泡
}).eq(0).bind("click", function(){
    $(this).addClass("active"); //普通的click事件是无法阻止冒泡的
});
$("li b").live("click", function(){
    $(this).addClass("active");
    return false;  //阻止冒泡及阻止浏览器默认行为
});