在 jQuery 1.7 版本之前，我们可以使用 live() 函数来绑定事件处理程序到文档中的动态元素。但是，从 jQuery 1.7 版本开始，live() 被废弃了，而且在 jQuery 1.9 版本中已经删除了。
live() 的问题
尽管 live() 在其初始版本中非常有用，但它也存在一些问题。最大的问题是性能，因为它要将所有事件委托给 document 对象来进行处理。这可能导致一些性能问题，特别是在处理大量动态元素时。
另外一个问题是 HTML5 规范中增加的许多新事件类型并没有被 live() 支持。这意味着我们必须使用其他方法来绑定这些事件类型的处理程序。
on() 替代 live()
在 jQuery 1.7 版本中引入了 on() 方法，该方法提供了与 live() 相同的功能。然而，on() 更加灵活和高效，并且解决了 live() 存在的一些问题。
使用 on() 方法，我们可以将事件处理程序绑定到文档中的静态元素，然后在未来添加到 DOM 中的动态元素上触发事件。这比使用 live() 方法更快且更安全，因为 on() 只会在需要时将事件处理程序委托给文档对象。
以下是一个示例，演示如何使用 on() 绑定一个 click 事件处理程序到文档中的动态元素：
$(document).on('click', '.dynamic-element', function() {
// 处理点击事件
});在这个示例中，我们将 click 事件处理程序绑定到 document 对象上，并指定动态元素的选择器。这意味着只有当单击该元素时，事件处理程序才会触发。
总结
尽管 live() 方法曾经是 jQuery 中非常有用的功能，但它已经被废弃和删除了。相反，我们应该使用更加灵活和高效的 on() 方法来绑定事件处理程序到文档中的动态元素。通过这种方式，我们可以提高性能并获得更好的控制权，更好地满足现代 Web 应用程序的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9099
