jQuery .on() 与将事件绑定(bind)到选择器？

Question

我正在查看有关此的文档 page 。他们有这样的例子......

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

$("form").on("submit", false)

$("form").on("submit", function(event) {
  event.preventDefault();
});

为什么这个更好或者它与这个有什么不同......

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

$("form").submit(false);

$("form").submit(function(event) {
  event.preventDefault();
});

最后一个问题是你为什么要这样做......

$("form").on("submit", function(event) {
  event.stopPropagation();
});

而不是...

  $("form").submit(function(event) {
      event.preventDefault();
  });

Answer 1

Differences Between jQuery .bind() vs .live() vs .delegate() vs .on()

这篇文章最大的收获是......

使用 .bind() 方法的成本非常高，因为它将相同的事件处理程序附加到选择器中匹配的每个项目。

您应该停止使用 .live() 方法，因为它已被弃用并且存在很多问题。

在处理性能并对动态添加的元素使用react时，.delegate() 方法提供了很多“物超所值”的功能。

新的 .on() 方法主要是语法糖，可以模仿 .bind()、.live() 或 .delegate()，具体取决于您如何调用它。

新的方向是使用新的.on方法。熟悉语法并开始在所有 jQuery 1.7+ 项目中使用它。