我正在添加一个新答案以反映后续 jQuery 版本中的更改。.live() 方法从 jQuery 1.7 开始被弃用。

来自http://api.jquery.com/live/

从 jQuery 1.7 开始，不推荐使用 .live() 方法。使用 .on() 附加事件处理程序。旧版本 jQuery 的用户应该优先使用 .delegate() 而不是 .live()。

对于 jQuery 1.7+，您可以使用 .on() 将事件处理程序附加到父元素，并将与“myclass”结合的选择器作为参数传递。

见http://api.jquery.com/on/

所以，而不是...

$(".myclass").click( function() {
    // do something
});

你可以写...

$('body').on('click', 'a.myclass', function() {
    // do something
});

这将适用于正文中带有“myclass”的所有标签，无论是已经存在还是稍后动态添加。

此处使用 body 标记是因为该示例没有更接近的静态周围标记，但在 .on 方法调用发生时存在的任何父标记都将起作用。例如，将添加动态元素的列表的 ul 标记如下所示：

$('ul').on('click', 'li', function() {
    alert( $(this).text() );
});

只要 ul 标签存在，这就会起作用（还不需要 li 元素存在）。

有时这样做（最高投票的答案）并不总是足够的：

$('body').on('click', 'a.myclass', function() {
    // do something
});

这可能是一个问题，因为订单事件处理程序被触发。如果您发现自己这样做了，但由于处理顺序而导致问题。您始终可以将其包装到一个函数中，该函数在调用时会“刷新”侦听器。

例如：

function RefreshSomeEventListener() {
    // Remove handler from existing elements
    $("#wrapper .specific-selector").off(); 

    // Re-add event handler for all matching elements
    $("#wrapper .specific-selector").on("click", function() {
        // Handle event.
    }
}

因为它是一个函数，所以每当我以这种方式设置我的监听器时，我通常在文档准备好时调用它：

$(document).ready(function() {
    // Other ready commands / code

    // Call our function to setup initial listening
    RefreshSomeEventListener();
});

然后，每当您添加一些动态添加的元素时，再次调用该方法：

function SomeMethodThatAddsElement() {
    // Some code / AJAX / whatever.. Adding element dynamically

    // Refresh our listener, so the new element is taken into account
    RefreshSomeEventListener();
}

希望这会有所帮助！

问候，

在 jQuery 1.7 之后，首选方法是.on()和.off ()

肖恩的回答给出了一个例子。

现在已弃用：

使用 jQuery 函数.live()和.die(). 在 jQuery 1.3.x 中可用

从文档：

要在每次单击时在警告框中显示每个段落的文本：

$("p").live("click", function(){
  alert( $(this).text() );
});

此外，livequery插件会执行此操作并支持更多事件。

如果您要向 DOM 添加一堆锚点，请改为查看事件委托。

这是一个简单的例子：

$('#somecontainer').click(function(e) {   
  var $target = $(e.target);   
  if ($target.hasClass("myclass")) {
    // do something
  }
});

您可以为所有元素绑定一个单击事件到页面，无论它们是否已经在该页面上，或者它们是否会在未来某个时间到达，如下所示：

$(document).bind('click', function (e) {
   var target = $(e.target);
   if (target.is('.myclass')) {
      e.preventDefault(); // if you want to cancel the event flow
      // do something
   } else if (target.is('.myotherclass')) {
      e.preventDefault();
      // do something else
   }
});

用了一段时间了。奇迹般有效。

在 jQuery 1.7 及更高版本中，建议使用.on()代替 bind 或任何其他事件委托方法，但.bind()仍然有效。