针对初学者的jQuery入门指南

$("#myElement").fadeOut("slow", function() {
// 这里的代码在 fade out 完成后执行
});

$("#myElement").fadeIn("slow", function() {
// 这里的代码在 fade in 完成后执行
});

调整元素的透明度：

$("#myElement").fadeTo(2000, 0.4, function() {
 // 这里的代码在在调整透明度完成后执行
});
其中第一个参数是仍然是速度参数，第二个参数是透明度，但三个参数是一个匿名回调函数，当渐变完成后执行。
jQuery 之动画效果
jQuery 可以为 DOM 元素添加上下滑动效果：
$("#myElement").slideDown("fast", function() {
 // .......
});
$("#myElement").slideUp("slow", function() {
 // .......
});
$("#myElement").slideToggle(1000, function() {
 // .......
});

jQuery 的动画效果还可以应用在改变 DOM 元素样式的时候，使改变样式的过程以平滑过渡的方式进行，而且可以选择需要速度，示例如下：

$("#myElement").animate({
 opacity: 0.3,
 width: "500px",
 height: "700px"
 },
 1000,
 function() {
 // ......
});

总的来说，jQuery 的动画效果很强大，但是也有其怪癖（例如要改变颜色的话，可能需要其它特定的插件）。jQuery 还有其它许多动画效果需要不断地去深入学习和挖掘。