jquery - 何时在 ("selector") 上使用以及何时在 ("selector", "selector") 上使用

Question

使用 jQuery on() 版本 1.7。我通常这样绑定(bind)我的事件:

$(".foo").on("click", function() {
    console.log("foo clicked");
})

现在看到别人的代码后，我发现你也可以像这样绑定(bind)，为特定元素指定辅助参数(不知道为什么这样写):

$(document).on("click", ".bar", function() {
    console.log("bar clicked");
})

如本文所示 fiddle ，他们都做同样的事情。

我总是像第一个代码示例一样直接绑定(bind)到元素，并且从来没有遇到任何问题。

什么时候我需要使用另一种绑定(bind)方式？一种绑定(bind)方式相对于另一种方式有什么好处？

Answer 1

您的第二个代码示例相当于现在已弃用的 .live()事件。因此，当您想要订阅订阅时 DOM 中尚不存在的 DOM 元素的事件时，您将使用它(例如，在 AJAX 调用后添加到 DOM 的元素)。

您的第一个示例完全等同于 $(".foo").click(function() { ... });。