3.1.2　jQuery代码的编写

1.第一个jQuery程序

【例3-1】　一个简单的jQuery程序示例。

jQuery程序的代码如下：

程序运行结果如图3.2所示。

图3.2　简单的jQuery程序运行结果

2.jQuery程序的代码功能分析

在例3-1的代码中有如下代码片段：

这段代码的作用类似于JavaScript中的window.onload方法：

虽然上述两段代码在功能上相同，但它们之间又有许多区别：

（1）执行时间不同

jQuery（document）.ready在页面框架下载完毕后就执行；而window.onload必须在页面全部加载完毕（包含图片下载）后才能执行。很明显前者的执行效率高于后者。

（2）执行数量不同

jQuery（document）.ready可以重复写多个，并且每次执行结果不同；而window.onload尽管可以执行多个，但仅输出最后一个执行结果，无法完成多个结果的输出。