jquery事件
jQuery 事件基础
jQuery 提供了一套简化的事件处理机制，允许开发者通过简洁的语法绑定、触发和管理事件。核心方法包括 on()、off()、trigger() 等，支持常见事件（如点击、悬停）和自定义事件。
常见事件类型
- 鼠标事件：
click,dblclick,mouseenter,mouseleave - 键盘事件：
keypress,keydown,keyup - 表单事件：
submit,change,focus,blur - 文档事件：
ready,resize,scroll
事件绑定与解绑
使用 on() 方法绑定事件，off() 解绑。支持一次性事件（one()）和事件委托（通过选择器参数）。
// 绑定点击事件
$("#button").on("click", function() {
alert("Button clicked!");
});
// 解绑事件
$("#button").off("click");
// 事件委托（动态元素）
$("#parent").on("click", ".child", function() {
console.log("Child element clicked");
});事件触发与自定义事件
通过 trigger() 手动触发事件，或定义自定义事件传递数据。
// 触发内置事件
$("#button").trigger("click");
// 自定义事件
$("#element").on("customEvent", function(e, data) {
console.log("Custom event triggered with:", data);
});
$("#element").trigger("customEvent", ["Hello"]);事件对象
事件处理函数接收 event 对象，包含事件相关信息（如 target, preventDefault()）。
$("#link").on("click", function(e) {
e.preventDefault(); // 阻止默认行为
console.log("Target:", e.target);
});注意事项
- 性能优化：事件委托减少重复绑定，尤其适合动态内容。
- 内存泄漏：及时解绑无用事件（如页面卸载时）。
- 兼容性：jQuery 已处理浏览器差异，无需额外兼容代码。
通过以上方法，可以高效实现交互逻辑，适用于表单验证、动态内容加载等场景。
