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);