javascript - jquery在许多元素上使用相同的动画，如何做到最好？

Question

动画函数做了三次完全相同的事情。 那么我怎样才能在只编写一次 .animate(.. ) 的情况下做到这一点呢？ 应该有一个简单的方法，但我无法弄清楚。

这就是我得到的:see fiddle

$('.button').on('click',function(){
    $('header').animate({
        'left': '315px'
    }, 500, function() {
    });
    $('main').animate({
        'left': '315px'
    }, 500, function() {
    });
    $('footer').animate({
        'left': '315px'
    }, 500, function() {
    });
});

Answer 1

通过使用逗号分隔多个选择器。这样:

$('header,main,footer').animate({
    'left': '315px'
}, 500, function() {
});

<强> Working Fiddle