jquery:多次绑定(bind)事件后会发生什么？

Question

感谢 jQuery，.on 方法将触发器绑定(bind)到元素。我有一个像这样的html:

<div class='xyz'>click me</div>

和脚本如下:

$('.xyz').on('click', function(){   alert('why?'); });
$('.xyz').on('click', function(){   alert('why?'); });

点击点击我 div 会触发警报 2 次。 没关系，但是:

1. 将第二次点击触发器绑定(bind)到 div 后到底会发生什么？
2. 这是浏览器行为还是由 jquery 变量完成的？

这是 fiddle : http://jsfiddle.net/hpmhpm/FCReC/

Answer 1

将第二次点击触发器绑定(bind)到 div 后到底会发生什么？

Jquery 在 .xyz 上注册一个新的点击事件处理程序，无论有多少事件处理程序已经附加到您的元素

这是浏览器行为还是由 jquery 变量完成的？

由jquery完成

<小时/>

您可以在同一元素上拥有任意数量的事件处理程序，请考虑一个场景 -

这是完全有效的:

$('.xyz').on('click', function(){   // do some work });
$('.xyz').on('click', function(){   // do some other work });