使用 jQuery 简化 Ajax 开发：看看 Ajax 和 DOM 脚本编程究竟有多简单

核心提示： window.onload=function(){//dothisstuffwhenthepageisdoneloading};使用 jQuery 编写的功能相同的代码：$(window).load(function(){//runthiswhenthewholepagehasbeendownl

window.onload　=　function()　{　
　　//　do　this　stuff　when　the　page　is　done　loading　
};　

使用 jQuery 编写的功能相同的代码：

$(window).load(function()　{　
　　//　run　this　when　the　whole　page　has　been　downloaded　
});　

您可能有所体会，等待窗口加载的过程是非常缓慢而且令人痛苦的，这是因为必须等整个页面加载完所有的内容，包括页面上所有的的图片。有的时候，您希望首先完成图片加载，但是在大多数情况下，您只需加载超文本标志语言（Hypertext Markup Language，HTML）就可以了。通过在文档中创建特殊的 ready 事件，jQuery 解决了这个问题，方法如下：

$(document).ready(function()　{　
　　//　do　this　stuff　when　the　HTML　is　all　ready　
});　

这个代码围绕 document 元素创建了一个 jQuery 对象，然后建立一个函数，用于在 HTML DOM 文档就绪的时候调用实例。可以根据需要任意地调用这个函数。并且能够以真正的 jQuery 格式，使用快捷方式调用这个函数。这很简单，只需向 $() 函数传递一个函数就可以了：

$(function()　{　
　　//　run　this　when　the　HTML　is　done　downloading　
});　

到目前以止，我已经向大家介绍了 $() 函数的三种用法。第四种方法可以使用字符串来创建元素。结果会产生一个包含该元素的 jQuery 对象。清单 3 显示的示例在页面中添加了一个段落。

清单 3. 创建和附加一个简单的段落

$('<p></p>')　
　　.html('Hey　World!')　
　　.css('background',　'yellow')　
　　.appendTo("body");