jQuery 动画内联样式

Question

我使用 jQuery 通过将必要的“margin-top”作为内联样式添加到 div 来使 div 垂直居中。

我想通过点击功能删除此内联样式并将 div 设置为“margin-top: 0”。

到目前为止，我成功清除内联样式的唯一方法是使用..

jQuery('selector').each(function(idx,el){
    el.style.marginTop='';
});

但这会使 div 跳到顶部而不是对其进行动画处理。任何帮助将不胜感激

Answer 1

使用 .animate()功能

jQuery('selector').animate({
    'margin-top' : 0
});