19、jQuery事件处理：让网页交互更生动

jQuery事件处理：让网页交互更生动

1. 引言

在网页开发中，事件处理是实现交互性的关键。jQuery提供了一系列强大的功能和方法，能让网页轻松响应各种用户交互，如双击页面弹出提示框、鼠标悬停在链接上添加文本、点击表单按钮等。接下来，我们将深入了解jQuery的一些重要事件概念和处理方法。

2. 等待HTML加载

当网页加载时，浏览器会立即尝试运行遇到的脚本。这可能导致页面头部的脚本在页面完全加载之前就运行，从而引发问题。因为很多JavaScript编程需要操作网页内容，若程序尝试操作尚未加载和显示的元素，就会出现JavaScript错误。

传统上，我们使用 load 事件等待页面完全下载和显示后再执行JavaScript代码。但这可能会产生奇怪的结果，因为 load 事件只有在网页的所有文件（如图像、电影、外部样式表等）都下载完成后才会触发。对于有大量图形的页面，用户可能需要等待几秒钟才能看到JavaScript代码生效，而且页面可能会突然发生变化。

jQuery提供了 ready() 函数来解决这个问题。它会等待HTML加载到浏览器后立即运行页面的脚本，而无需等待加载缓慢的图像或电影。 ready() 函数的基本结构如下：

$(document).ready(function() {
  //your code goes here
});

在完整的网页中，它的使用方式如下：