你可以为一个页面的所有元素绑定一个点击事件，无论它们是否已经在该页面上，或者它们是否会在未来的某个时间到达，就像这样:

$(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()仍然有效。

为所有当前和未来匹配的元素绑定处理程序到事件(如单击)。还可以绑定自定义事件。

链接文本

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

您需要使用live()函数。去看医生。

例如:

$("#anchor1").live("click", function() {
    $("#anchor1").append('<a class="myclass" href="#">test4</a>');
});

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

从http://api.jquery.com/live/

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

对于jQuery 1.7+，您可以使用.on()将事件处理程序附加到父元素，并将a选择器与'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元素存在)。

你可以为一个页面的所有元素绑定一个点击事件，无论它们是否已经在该页面上，或者它们是否会在未来的某个时间到达，就像这样:

$(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()仍然有效。

如果你使用的是jQuery 1.3+，请使用.live()

将处理程序绑定到事件(例如 点击)查看所有当前-和未来- 匹配的元素。还可以绑定自定义 事件。