jquery动画属性更改

Question

有没有办法在jQuery中执行属性更改的动画，就像使用.switchClass（）函数执行动作一样？

类应该通过元素的属性值更改保持不变。

这里的jsfiddle显示什么我想要实现：

http://jsfiddle.net/9nh348sb/

代码： HTML

<div class="big" id="1"></div> 

CSS：

div { 
    width: 100px; 
    height: 100px; 
    background-color: #ccc; 
    } 
    .big[id="1"] { 
    width: 200px; 
    height: 200px; 
    } 
    .big[id="2"] { 
    background-color: #00f; 
    } 

JS：

这样做的

$("div").click(function() { 
    $(this).switchClass('big[id=1]', 'big[id=2]', 1000, "easeInOutQuad"); 
}); 

Answer 1

其中一种方法

setInterval(function(){ 
$('div').toggle(function(){ 
        $(this).attr('id','1'); 
        return false; 
       },function(){ 
        $(this).attr('id','2'); 
        return false; 
       }); 
},1000);