jquery - jquery：多次绑定事件后会发生什么？

Question

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

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

和脚本如：

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

点击click me div 触发警报 2 次。没关系，但是：

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

这是小提琴：http: //jsfiddle.net/hpmhpm/FCReC/

Answer 1

将第二次点击触发器绑定到 div 后究竟会发生什么？

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

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

它是由 jquery 完成的

---

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

这是完全有效的：

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