JQuery 事件处理程序有或没有？

Question

如果我的 html 文档中有一个如下所示的下拉列表:

<select id="myDropdown">
  <option value="apple">Apple</option>
  <option value="orange">Orange</option>
  <option value="banana">Banana</option>
</select>

并且我想将更改事件与 JQuery 连接起来，那么这两种方法似乎都可以与 JQuery 一起使用:

$("#myDropdown").change(function () {
   // Do something
});

和

$('#myDropdown').on('change', function () {
   // Do something
});

这两者之间有什么区别，更喜欢其中一个吗？

Answer 1

看，两者都称为事件绑定(bind)，没有区别，但是.on()比直接事件绑定(bind)有一些优势(没有正确的词为它)。

.on() 方法的优点是事件委托(delegate)，当页面中有动态创建的元素时，这非常有用。它有一些特定的语法，但使用 .on() 方法:

$(staticParent).on(event, selector, callback);

.on() 方法的另一个优点是，如果您在选择器上绑定(bind)了任何事件，则可以使用 .off() 调用该事件方法。

还想提一下，.on()/.off() 已经取代了 .bind()/.unbind() 方法，并且它具有事件委托(delegate)功能替换.live()/.die()。