jquery - 在 css 文件中为 jquery .animate() 声明 css 属性

Question

在实现 jquery .animate() 时，我必须这样写

$('#clickme').click(function() {
  $('#book').animate({
    width: '200px',
    height: '500px'
  })
})

是否有某种方法可以将 css 属性写入 css 文件中，然后通过包含 css 属性来执行“动画”？

类似于

.move{
    width: '200px',
    height: '500px'
}

然后

$('#book').animate({
    // include the .move css class somehow 
})

我尝试使用 $( "#effect").addClass( "newClass", 1000 ); 但没有动画，属性似乎只是在声明的持续时间之后分配!!

Answer 1

jQuery UI 项目扩展了 addClass 方法，以准确满足您的需求。

jQuery UI - addClass .