jq事件笔记

1 事件绑定

// 绑定多个事件
$("#myElement").on("click mouseenter", function() {
  // 处理点击和鼠标进入事件
});

// 使用命名空间
$("#myElement").on("click.myNamespace", function() {
  // 使用命名空间的事件处理程序
});

2 事件代理

// 事件代理
$("#parentElement").on("click", ".childElement", function() {
  // 处理 .childElement 的点击事件
});

3 事件对象

// 事件对象
$("#myElement").on("click", function(event) {
  console.log("触发事件的元素是：" + event.target);
  event.preventDefault(); // 阻止默认行为
});

4 常见事件

// 点击事件
$("#myButton").on("click", function() {
  // 点击按钮时的操作
});

// 悬停事件
$("#myElement").on("mouseenter", function() {
  // 鼠标进入元素时的操作
});

5 解绑事件

// 解绑单个事件
$("#myElement").off("click");

// 解绑指定命名空间的事件
$("#myElement").off(".myNamespace");

6 自定义事件

// 触发自定义事件
$("#myElement").trigger("customEvent");

// 监听并处理自定义事件
$("#myElement").on("customEvent", function() {
  // 处理自定义事件的操作
});