jQuery事件绑定有哪些独特之处值得深入思考？

本文共计1352个文字，预计阅读时间需要6分钟。

jQuery的事件绑定问题及常见代码示例：

javascript// 示例：为按钮点击事件绑定函数$('#myButton').click(function() { alert('按钮被点击了！');});

jQuery的事件绑定 问题

首先我们看下面的一个很常见的事件绑定代码：

//example $('#dom').click(function(e){ //do something }); $('#dom2').click(function(e){ //do something });

这段代码在事件绑定处理上有一些缺陷：

1. 过多的事件绑定会损耗内存
   
2. 后期生成HTML会没有事件绑定，需要重新绑定
3. 语法过于繁杂

解决方案

对于1、2两点的解决方案，我们首先先了解一下jQuery的事件绑定

jQuery的事件绑定有多个方法可以调用，以click事件来举例：

• click方法
  
• bind方法
• delegate方法
• on方法

不管你用的是（click / bind / delegate)之中那个方法，最终都是jQuery底层都是调用on方法来完成最终的事件绑定。