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

清单 5. $.ajax() 使 Ajax 由复杂变简单

$.ajax({　
　　url:　'document.xml',　
　　type:　'GET',　
　　dataType:　'xml',　
　　timeout:　1000,　
　　error:　function(){　
　　　　alert('Error　loading　XML　document');　
　　},　
　　success:　function(xml){　
　　　　//　do　something　with　xml　
　　}　
});　

当 success 回调函数返回 XML 文档后，您可以使用 jQuery 检索这个 XML 文档，其方式与检索 HTML 文档是一样的。这样使得处理 XML 文档变得相当地容易，并且把内容和数据集成到了您的 Web 站点里面。清单 6 显示了 success 函数的一个扩展，它为 XML 中的每个 <item> 元素都添加了一个列表项到 Web 页面中。

清单 6. 使用 jQuery 处理 XML 文档

success:　function(xml){　
　　$(xml).find('item').each(function(){　
　　　　var　item_text　=　$(this).text();　
　
　　　　$('<li></li>')　
　　　　　　.html(item_text)　
　　　　　　.appendTo('ol');　
　　});　
}　

为 HTML 添加动画

可以使用 jQuery 处理基本的动画和显示效果。animate() 函数是动画代码的核心，它用于更改任何随时间变化的数值型的 CSS 样式值。比方说，您可以变化高度、宽度、不透明度和位置。还可以指定动画的速度，定为毫秒或者预定义的速度：慢速，中速或快速。

下面是一个同时变化某个元素高度和宽度的示例。请注意，这些参数没有开始值，只有最终值。开始值取自元素的当前尺寸。同时我也附加了一个回调函数。