jQuery.animate() 仅具有 css 类，没有显式样式答案

【问题标题】：jQuery.animate() with css class only, without explicit stylesjQuery.animate() 仅具有 css 类，没有显式样式
【发布时间】：2009-08-08 10:45:13
【问题描述】：

使用 JQuery animate 我想使用在 .css 文件中定义的 css 类进行操作，而不必将所有样式参数显式地提供给 jquery.animate()。

我可以用这样一个类创建一个假的（例如不可见的）元素，读取它的 css 属性并将它们提供给 jquery.animate() - 有人知道更好的方法吗？

【问题讨论】：

标签： jquery

【解决方案1】：

jQueryUI 提供了对 animate 函数的扩展，允许您为 css 类设置动画。

编辑：示例here

还有一些您可能感兴趣的添加/删除/切换类的方法。

【讨论】：

我认为这个扩展只提供了对其他 css 属性的支持。您能否提供此行为的文档链接？
也许它只是 webkit，但我从来没有被任何 jq 或 ui 功能欺骗过。
仅供参考目前 jQuery UI 的 addClass() 不适用于 IE 的专有过滤器，例如“progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”，因为它只适用于标量值......如果他们像使用动画一样填充这个......

【解决方案2】：

Weston Ruther 使用WebKit proposal for css transitions 构建了一个类似的东西：

这个实现可能对你有用。

【讨论】：

【解决方案3】：

查看 James Padolsey 的 animateToSelector

简介：这个 jQuery 插件将允许您可以将任何元素设置为样式在您的样式表中指定。所有你必须做的是传递一个选择器和插件将在您的样式表，然后将其应用作为动画。

【讨论】：

【解决方案4】：

在许多情况下，最好使用 CSS 过渡来实现这一点，而在旧浏览器中，缓动将是即时的。大多数动画（如淡入/淡出）实现起来非常简单，浏览器会为您完成所有的工作。 https://developer.mozilla.org/en/docs/Web/CSS/transition

【讨论】：