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

jquery $(✀#btn✀).click与$("#btn").live("click",function()有什么区别?
2024-11-17 05:58:31
推荐回答(5个)
回答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()

回答2:

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

回答3:

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

相比bind方法,$('body').append('

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

回答4:

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

回答5:

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