1.3　使用jQuery

在引入jQuery类库后，就可以使用jQuery提供的功能。例如，页面加载完成后，弹出提示框，如示例1所示。

示例1：

运行结果如图1.3所示。

在这段代码中，$(document).ready()语句是当DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生ready事件。

由于该事件在文档就绪后发生，因此将所有其他的jQuery事件和函数置于该事件中是非常好的做法。即弹出如图1.3所示的提示对话框。例如下面的jQuery代码。

图1.3　页面加载完成并弹出提示框

类似于如下JavaScript代码。

二者在功能实现上可以互换，但它们之间又存在一些区别，具体区别如表1.1所示。

表1.1　window.onload与$(document).ready()的对比