jQuery的live()与click()区别是什么？

Question

最近发现挺多代码是用live()绑定事件，而且经常没有在外部包裹ready()

$('#id').live('click', function() {
    console.log('hello');
});

而通常情况下，我们绑定事件方法都是用：

$(document).ready(function() {
    $('#id').click(function() {
        console.log('hello');
    });
});

他们之间有什么区别吗？为什么要这样写？

Answer 1

click适合单一元素

http://jsfiddle.net/PkNT6

live('click',function(){ .. }) 是事件委托, 适用符合条件的多个元素, 一是比较简单,涉及元素变动不需要频繁修改, 二是元素比较多的情况下效率比较高

http://jsfiddle.net/PkNT6/1

jquery 1.7版后建议用on替代live, live在今后的版本会被移除

http://jsfiddle.net/PkNT6/2

Answer 2

1. live 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素)
2. click方法附加的事件处理程序适用于匹配选择器的当前元素

Answer 3

http://jsrun.net/tkKKp

Answer 4

click是绑在#id上；

live是一个事件委托，绑在document上，判断触发事件的元素是否为#id。

Answer 5

$(...).click(function(){})在执行时，有哪些符合前面选择器的，则那些元素的click事件被设置，之后由js动态添加的dom元素，虽然也符合选择器，但他的click没有被设置。如果希望js动态添加的元素也可以自动添加click,则可以使用$(...).live("click",function(){})

Answer 6

live是动态的，先有事件，再匹配元素，最后调用处理函数。live可以当作一个公共的事件，比如列表项的操作，使用live比给每个列表项都绑定事件的效率要高。
click方法就是直接给元素绑定事件。
各有用途，看情况使用。

Answer 7

live 可以理解成动态绑定事件，即使在通过js等手段创建新的元素的时候，不必对新元素添加新的事件代码也能够触发事件，可以节约大量重复代码，很不错的方法，不过，有人说后期会取消live方法，这个是啥子原因