jquery 常用方法 -- 动画篇

在jQuery中，常用的动画方法包括fadeIn(), fadeOut(), slideDown(), slideUp(), animate()等。以下是这些方法的简单示例：

// 淡入效果
$("#element").fadeIn();
 
// 淡出效果
$("#element").fadeOut();
 
// 下滑效果
$("#element").slideDown();
 
// 上滑效果
$("#element").slideUp();
 
// 自定义动画
$("#element").animate({
    width: "200px",
    height: "100px",
    opacity: 0.5
}, 1000); // 动画时长1000毫秒

animate()方法允许你创建自定义动画，可以指定多个属性的变化，并且可以定义动画的持续时间和效果。

如果你想要在动画执行完毕后执行一些操作，可以使用callback参数：

$("#element").fadeIn(1000, function() {
    // 动画完成后执行的代码
    alert("动画完成！");
});

这些方法可以链式调用，以创建更复杂的动画序列：

$("#element")
    .fadeOut(1000)
    .slideDown(1000)
    .fadeIn(1000, function() {
        alert("序列动画完成！");
    });