jQuery .live（）和.on（）之间有什么区别

Question

jQuery .live（）和.on（）之间有什么区别我看到.on()jQuery 1.7中有一个新方法取代了.live()早期版本。我很想知道它们之间的区别以及使用这种新方法的好处。

Answer 1

人们从移动时的蹒跚一个区别.live()来.on()是为参数.on()绑定事件动态添加到DOM元素时略有不同。

以下是我们用于该.live()方法的语法示例：

$('button').live('click', doSomething);function doSomething() {
    // do something}

现在，.live()在jQuery 1.7版中被弃用并在1.9版中删除，您应该使用该.on()方法。这是使用该.on()方法的等效示例：

$(document).on('click', 'button', doSomething);function doSomething() {
    // do something}

请注意，我们正在调用.on()文档而不是按钮本身。我们为第二个参数中正在侦听其事件的元素指定选择器。

在上面的示例中，我正在调用.on()文档，但是如果使用更接近选择器的元素，则会获得更好的性能。只要在调用之前页面上存在任何祖先元素，它就会起作用.on()。

这在文档中有解释，但很容易错过。

Answer 2

.live()

此方法用于为现在和将来与当前选择器匹配的所有元素附加事件处理程序。

$( "#someid" ).live( "click", function() {
  console.log("live event.");});

和

.on()

此方法用于将一个或多个事件的事件处理函数附加到下面的选定元素是示例。

$( "#someid" ).on( "click", function() {
  console.log("on event.");});