Jquery设置属性更改动画

有没有一种方法可以像使用.switchClass（）函数一样在jquery中制作属性更改动画

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

下面是JSFIDLE，它显示了我想要实现的目标：

代码： html

JS:

这样做的一种方法

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

---

我不为我工作，div只是消失在这里是jsfiddle:@AnKing我看到了fiddle，如果你想执行简单的动画，不管点击事件，你需要在基于处理程序的html的当前值中交换id设置器。这里更新了fiddle，您不能执行div的点击切换，因为一旦div被隐藏，您就不能执行点击。但若要在这里执行文件的点击更新提琴

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

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

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