jQuery 事件

在 web 开发中,事件是非常重要的概念。jQuery 提供了一套简单而强大的事件处理机制,可以让开发者轻松地处理用户交互和页面元素的各种行为。本章将介绍 jQuery 中事件的基本概念和常用方法。

事件绑定

在 jQuery 中,可以使用 on() 方法来绑定事件处理程序到一个或多个元素上。语法如下:

------------------------- ---------

其中 selector 是要绑定事件的元素选择器,eventName 是事件类型,handler 是事件处理函数。例如,绑定一个点击事件:

-------------------------- ---------- -
  -----------------
---

事件委托

事件委托是一种优化性能的技术,通过将事件处理程序绑定到一个祖先元素上,然后利用事件冒泡的机制来处理子元素上的事件。这样可以减少事件处理程序的数量,提高页面性能。示例代码如下:

------------------------ ----- ---------- -
  ------------------
---

常用事件类型

jQuery 支持大部分 DOM 事件类型,常用的事件类型包括:

  • click:点击事件
  • mouseover:鼠标移入事件
  • mouseout:鼠标移出事件
  • keydown:按键按下事件
  • submit:表单提交事件
  • scroll:滚动事件
  • ...

事件对象

在事件处理函数中,可以通过参数来访问事件对象,包含了触发事件的详细信息。例如,获取鼠标点击的坐标:

----------------------- --------------- -
  -------------- ---- - -------------
  -------------- ---- - -------------
---

停止事件传播

有时候需要阻止事件继续传播到父元素或其他元素,可以使用 stopPropagation() 方法。示例代码如下:

------------------------ --------------- -
  ------------------------
  -----------------
---

以上就是 jQuery 事件的基本概念和常用方法,希望能帮助你更好地理解和应用 jQuery。


上一篇:jQuery 选择器
下一篇:jQuery 隐藏/显示