可以轻松地动画.classB样式的.classA样式吗？

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来做 ，你只需要一个自定义构建的jQueryUI，启用了Effects Core - 没有别的，大约是11k缩小了

例

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