写法1 把事件处理函数封装成方法调用
$('选择器').click(function(){ });
写法2 用 on( ) 方法绑定事件
$('选择器').on('click', function(){ });
事件委托 - 只能用 on 方式绑定
事件委托常用于列表的事件绑定，减少事件绑定次数，提高程序效率。
- 需要利用了事件冒泡的特征实现的。
- 把 on 方法事件绑定委托给 某个祖先级元素(列表的分区)。
- 在 on 方法的第二个参数传入目标元素的选择器(真正由谁触发实现)。
- 事件处理函数内部的 this 代表目标元素( e.target 指向给了 this ) 。
$('列表选择器').on('事件类型', '目标元素选择器', function () { // $(this) 就是触发事件的目标元素 });
