Velocity.js 与 jQuery 使用预定义函数答案

【问题标题】：Velocity.js with jQuery using pre-defined functionsVelocity.js 与 jQuery 使用预定义函数
【发布时间】：2017-05-03 17:28:04
【问题描述】：

Velocity.js 提供了与 jQuery 一起使用的示例：

$element
    .velocity("slideDown", { duration: 1500 })
    .velocity("slideUp", { delay: 500, duration: 1500 });

但是我想像这样使用 vanilla Javascript：

Velocity(document.getElementById("dummy"), { opacity: 0.5 }, { duration: 1000 });

这很好，但我想在这里使用预定义的 slideDown 和 slideUp 函数。

我将如何使用给定我的 vanilla Javascript 示例的那些？

【问题讨论】：

【解决方案1】：

只要确保包含velocity-ui.js，并以与以前完全相同的方式使用它们 -

Velocity(document.getElementById("dummy"), "slideDown", { duration: 1000 });

jQuery 辅助函数只是从第一个参数中提取元素列表 - 不要忘记您可以将任何元素查找方法的结果作为第一个参数传递，包括 document.querySelectorAll（或者甚至是 jQuery）。

【讨论】：