使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序

核心提示： 在开始深入探讨一些例子之前，不妨回过头来看看传递给这些效果函数的参数，使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序(3)，每个函数（除了通用的 show()和 hide()函数之外）都允许在效果完成时传入要调用的速度和函数，速度用来控制效

在开始深入探讨一些例子之前，不妨回过头来看看传递给这些效果函数的参数。每个函数（除了通用的 show()和 hide()函数之外）都允许在效果完成时传入要调用的速度和函数。速度用来控制效果出现的快慢。这个参数可以是一个 "slow"、"fast"或 "normal"字符串。此外，如果需要精确控制动画时间，那就需要用参数指定毫秒数。Effects 函数的第二个参数本身就是一个函数，此函数在效果完成后调用。如果想要将几个效果组合成一个较大规模的效果，这一点将非常重要，因为利用它，能够可靠地控制一个效果何时完成，下一个效果何时开始。

清单 2. 复合效果

　　　
//　the　img　with　an　ID　of　"picture"　should　start　hidden　
//　when　the　"showPicture"　button　is　pressed,　show　the　img　with　an　ID　of　"picture"　
//　and　animate　it,　so　it　appears　quickly　in　a　fade　In　and　slide　out,　and　when　
//　it's　done　being　shown,　show　the　caption　of　the　picture,　which　is　
//　always　in　the　span　right　after　the　<img>　tag　
　
<input　type="button"　id="showPicture">　
　
<img　src=http://tech.ddvip.com/2009-08/"/pic.jpg"　id="picture"><span>This　is　the　picture's　caption</span>　
　
//　jQuery　code　inside　the　document.ready()　function　
　
$("#picture").hide().next().hide();　
$("#showPicture").click(function(){　
　　$("#picture").show("fast",　function(){　
　　　　$("#picture").next().show();　
　　});　
});　
　
//　notice　how　it　took　more　text　to　describe　what　you　want　to　happen　than　it　took　
//　to　actually　code　it!

编缉推荐阅读以下文章

• 使用 jQuery，第 2 部分: 构建未来的 Web 应用程序
• 使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器