jquery的绑定事件绑定事件
jQuery 绑定事件的方法
jQuery 提供了多种方法来绑定事件，以下是常用的几种方式：
1. on() 方法on() 是最推荐的事件绑定方法，支持动态元素和多个事件绑定。
语法：
$(selector).on(event, handler);示例：
$("#btn").on("click", function() {
alert("Button clicked");
});支持多事件绑定：
$("#btn").on("click mouseenter", function() {
console.log("Event triggered");
});2. click() 等快捷方法
jQuery 为常见事件（如 click、hover）提供了快捷方法。
示例：
$("#btn").click(function() {
alert("Button clicked");
});3. bind() 方法（已弃用）bind() 是旧版方法，建议用 on() 替代。
语法：
$(selector).bind(event, handler);4. 事件委托
通过 on() 实现事件委托，适用于动态生成的元素。
语法：
$(parentSelector).on(event, childSelector, handler);示例：
$("#container").on("click", ".dynamic-btn", function() {
alert("Dynamic button clicked");
});5. one() 方法
绑定只触发一次的事件。
语法：
$(selector).one(event, handler);注意事项
- 优先使用
on()，因其功能最全且兼容性好。 - 事件委托能减少内存占用，适合动态内容。
- 避免混用原生 DOM 事件和 jQuery 事件。
