Question

jquery $('#btn').click与$("#btn").live("click",function()有什么区别？

jquery $('#btn').click与$("#btn").live("click",function()有什么区别？

Answer 1

1、延时绑定事件功能不同：

jquery $('#btn').click在文档流中，后续通过脚本动态添加的元素(符合 id="#btn")，是没有绑定click事件的。

$("#btn").live("click",function()后续通过脚本动态添加的元素(符合 id="#btn")，也是绑定了click事件的。如何使用 live() 方法向尚未创建的元素添加事件处理器。

live()可以将事件绑定到当前和将来的元素(eg:为id=zy元素绑定点击事件，而当用js动态生成一个节点并插入到dom文档结构中时，如果是用bind()绑定的，怎么新插入的节点将不会有该bind绑定事件。而live()则可以);

2、绑定方式不同：

.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到DOM节点上。而click()是直接绑定在元素上。

3、底层API支持不同：

click()方法：在jqeury事件处理API中，bind()是其API基础。click()，mouseover()，mousermove等来处理事件，真正起作用的是bind()。而这些方法都只是辅助作用（别名函数），简化使用。都只有一个参数(触发事件时执行的回调函数)。live()不同，不依赖bind()API。

参考资料来源：jQuery-.click()

参考资料来源：jQuery-.live()

Answer 2

live方法绑定的事件处理函数，在页面中未来添加的元素只要满足原来的选择器，仍然会导致事件触发。普通的事件绑定则没有这个效果。
对于#btn这个选择器来说，如果你未来将id为btn的元素删除，然后再创建一个id为btn的元素，若你在页面中点击这个新创建的元素，使用$('#btn').click绑定的函数将不会被触发，但使用$("#btn").live("click",...绑定的函数会被触发。

Answer 3

live 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。

相比bind方法，$('body').append('<div class="clickme">Another target</div>');添加新的元素后需要再次调用bind方法绑定一次，而live不需要了，另外live和bind都可以同时绑定多个事件
$("#btn").live("click mouseover",function(){});多个事件用空格空开

Answer 4

$('#btn').click是将事件绑定到btn上。
而live是使用的委托方式，委托给了body来触发，当单击btn是不会真正的触发click，而是一致冒泡到body时才会触发。
现在推荐直接使用on来绑定事件，在jQuery后期的源代码中无论是live,bind,delegate都是间接的调用on方法。

Answer 5

$('#btn').click(function(){})每次调用的时候都会把上一个function(){}给覆盖住
$("#btn").live("click",function()) 不会覆盖