Question

jquery中on（）方法和live()方法的区别

Answer 1

一、作用不同

1、on()：在被选元素及子元素上添加一个或多个事件处理程序。

2、live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

二、触发条件不同

1、on()：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。

2、live()：通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

三、语法不同

1、on()：$(selector).on(event,childSelector,data,function)childSelector可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。

2、live()：$(selector).live(event,data,function)，其中event必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

   

参考资料来源：百度百科-jQuery

Answer 2

差别：

.bind()是直接绑定在元素上

.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

.delegate()则是更精确的小范围使用事件代理，性能优于.live()

.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制