javascript - .class 样式到 .class B 样式可以很容易地制作动画吗？

Question

有没有办法在不指定每个属性的情况下在 Jquery 中制作动画？

让我们说:

.classA{
   color:red;
}
.classB{
   color:blue;
}

function animate(selector,classA,classB,time){
    styles1 = $(classA).invented_get_styles();
    styles2 = $(classB).invented_get_styles();
    $(selector).animate(styles1,styles2,time);
}

几乎所有这种语法都是发明的，但我认为我的要求是可以理解的，

是否可以从检索样式(自动)并应用它们而不是知道(手动)值的类中获取动画？如果没有，最好的方法是什么..

Answer 1

您可以使用 jQueryUI/switchClass 来完成, 你只需要一个 custom build启用 Effects Core 的 jQueryUI - 没有别的，大约缩小了 11k

示例

$( ".element_to_be_animated" ).switchClass( "oldClass", "newClass", 1000 );