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