- jQuery开发指南
- 车云月
- 246字
- 2021-04-02 04:20:36
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()的对比
