jquery - 如何最好地将代码与 jQuery 中的事件关联起来？

Question

假设我有一个<select>我的 HTML 页面上的元素，我想在选择更改时运行一些 Javascript。我正在使用 jQuery。我有两种方法将代码与元素关联起来。

方法1:jQuery .change()

<select id='the_select'>
<option value='opt1'>One</option>
<option value='opt2'>Two</option>
</select>

<script>
$('#the_select').change(function() {
  alert('Changed!');
});
</script>

方法二:onChange属性

<select id='the_select' onchange='selectChanged();'>
<option value='opt1'>One</option>
<option value='opt2'>Two</option>
</select>

<script>
function selectChanged() {
  alert('Changed!');
}
</script>

我理解这里不同的模块化:例如，方法 1 将代码引用保留在 HTML 之外，但方法 2 不需要在代码中提及 HTML id。

我不明白的是:这两者之间是否存在操作上的差异，使我更喜欢其中一个？例如，是否存在边缘情况浏览器其中一个可以工作而另一个却不能？与 jQuery 的集成对两者来说更好吗？代码到事件的后期绑定(bind)是否会对页面的行为产生影响？

你选择哪个，为什么？

Answer 1

好吧，阅读一下

unobtrusive javascript