在jQuery 1.7 版本之后，live() 方法被废弃了。这意味着使用较新版本的 jQuery 库时，您将无法使用 live() 方法来为动态添加的元素绑定事件。
相反，jQuery 推荐使用 on() 方法来代替 live() 方法。本文将介绍如何将 live() 方法替换为 on() 方法，并提供示例代码和指导意义。
live()方法简介
live() 方法是一个事件绑定方法，可以为静态或动态添加到 DOM 中的元素绑定事件。当使用 live() 方法时，当一个元素被添加到网页上，它也会自动获得与之相关的事件处理程序。
例如，以下代码将为每个类名为 myButton 的按钮绑定点击事件：
---------------------------------- ---------- - -- ----------- ---
但是，由于 live() 方法需要遍历整个文档以查找匹配的元素，因此可能会对性能产生负面影响。
on()方法简介
on() 方法也是一个事件绑定方法，它可以为静态或动态添加到 DOM 中的元素绑定事件。但是，它不像 live() 方法那样从文档中搜索匹配的元素，而是在指定的父元素上委托事件。
例如，以下代码将为每个类名为 myButton 的按钮绑定点击事件：
----------------------- ------------------ ---------- - -- ----------- ---
在这里，document 是指定的父元素。当 document 上发生点击事件时，jQuery 将检查事件是否来自类名为 myButton 的按钮。如果是，则执行相应的事件处理程序。
由于 on() 方法使用基于事件冒泡的委派方法，因此它比 live() 更加高效。
将live()替换为on()
要将 live() 方法替换为 on() 方法，您需要做两件事：
- 将
live()方法调用更改为on()方法调用。 - 将
live()方法的第二个参数（事件处理程序）移动到on()方法调用的最后一个参数中。
以下是一个示例：
-- - ---- -- ------ -------------------------------- ---------- - -- ----------- ---
示例代码
以下是一个完整的示例，演示如何使用 on() 方法为表格中的行绑定点击事件。该代码将在单击表格中的行时弹出一个警告框，其中包含所选行的 ID。
-------
--- ------------
-----------
------------
-----
--- ------------
-----------
------------
-----
--- ------------
-----------
------------
-----
--------
--------
---------------------------- -
---------------------- ----- ---------- -
--- -- - -------------------
----------- -- - - - -- - - ------
---
---
---------指导意义
使用 on() 方法替换 live() 方法可以提高代码的性能，并使您的代码更简洁和易于维护。
此外，当您需要动态添加元素并为其绑定事件时，on() 方法也是一个很好的选择。通过委托事件处理程序，它可以自适应新添加的
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/9129