Javascript Velocity.js与使用预定义函数的jQuery

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

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

但是我想使用香草Javascript，如下所示：

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

这很好，但我希望在这里使用预定义的

slideDown

和

slideUp

函数

---

我将如何使用我的香草Javascript示例中的那些呢？

只要确保包含

velocity ui.js

，并以与以前完全相同的方式使用它们即可-

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

---

jQuery helper函数只需从第一个参数中提取元素列表-不要忘记，您可以传递任何元素查找方法的结果，包括

document.querySelectorAll

（如果需要，甚至可以传递jQuery）作为第一个参数。

slideUp

和

slideDown

都是jQuery的。遗憾的是，没有jQuery，这是不可能的，你可以编写自己的函数。尽管如此，我希望人们在对VelocityJS一无所知的情况下不要发表评论…@Rycochet true，我已经发现jQuery中的这些函数已经被放入Velocity.js中，因此它们可以开箱即用。不同于人们在这里所说的。@Stephan-v是的-他们已经在这里呆了好几年了，最快的谷歌搜索结果会显示：-P