# 绑定事件

URL: https://caijiao.org/jquery/04-events/01-binding
Source: docs/jquery/04-events/01-binding.md
Description: 讲解如何使用 jQuery 绑定事件处理程序，包括常用事件类型、事件绑定方法如 on 和 click，帮助开发者实现页面交互功能。

[jQuery](/jquery/) 提供简洁的方法来绑定各种事件，使网页具备响应用户操作的能力。

## 常用事件绑定方法

- `on()` — 推荐的通用事件绑定方法
  ```js
  $("button").on("click", function () {
    alert("按钮被点击了！");
  });
  ```

* 直接绑定简写方法，如 `click()`

  ```js
  $("button").click(function () {
    alert("按钮被点击！");
  });
  ```

## 支持的常见事件类型

- `click` — 鼠标点击事件
- `mouseenter` 和 `mouseleave` — 鼠标进入和离开事件
- `focus` 和 `blur` — 元素获得和失去焦点
- `submit` — 表单提交事件
- `keydown`、`keyup` — 键盘按键事件

## 示例代码

[在线代码演示](/jquery/demos/11.html)