// 默认情况下动画会排队执行
$("#element").animate({left: '100px'}, 1000);
$("#element").animate({top: '100px'}, 1000); // 会等上一个动画完成

// 强制立即执行（不推荐，可能导致冲突）
$("#element").animate({left: '100px'}, {duration: 1000, queue: false});
$("#element").animate({top: '100px'}, {duration: 1000, queue: false});

// 停止当前动画，清除队列，跳转到结束状态
$("#element").stop(true, true);

// 停止当前动画，保留队列
$("#element").stop();

// 停止当前动画，清除队列，保留当前状态
$("#element").stop(true);

$("#element").animate({left: '100px'}, 1000, function() {
    // 第一个动画完成后执行第二个动画
    $(this).animate({top: '100px'}, 1000);
});

$("#element").animate({left: '100px'}, 1000)
    .promise()
    .done(function() {
        $(this).animate({top: '100px'}, 1000);
    });