17、jQuery事件处理全解析

jQuery事件处理全解析

1. jQuery事件绑定基础

在jQuery中，绑定点击事件处理程序有快捷方式和常规方式两种。例如：

// 使用bind()方法
jQuery('div').bind('click', function(e) {...});
// 使用快捷方式
jQuery('div').click(function(e) {...});

在实际使用中，推荐使用快捷方式，因为它更简洁易读。不过，两种方式的效果是一样的，使用快捷方式主要是为了代码的清晰性和简洁性，这只是个人喜好问题。

2. 为多个事件附加处理程序

在很多常见的场景中，我们需要为同一个元素的多个事件绑定相同的处理函数。例如：

jQuery('div').click(function(e) {
    alert('event');
}).keydown(function(e) {
    alert('event');
});

如果处理函数较短，这样做没问题，但如果处理函数较长，重复代码就会变得很繁琐，而且不是最佳实践。

解决方案有以下几种：
- 定义函数并多次引用 ：

function handler(e) {
    alert('event');
}
jQuery('div').clic