jQuery和JavaScript选择器不工作

我对jQuery和JavaScript非常熟悉，我已经用JavaScript编写了以下脚本，我想更改并转换为jQuery：

  new AnimOnScroll( document.getElementById( 'grid' ), {
    minDuration : 0.4,
    maxDuration : 0.7,
    viewportFactor : 0.2
  } );

上面的代码可以工作，但当我尝试用以下代码在jQuery中编写此代码时，它不起作用：

new AnimOnScroll( $('#grid'), {
  minDuration : 0.4,
  maxDuration : 0.7,
  viewportFactor : 0.2
} );

此外，我正在尝试更改脚本，以便可以在页面上的多个位置使用它，因此我希望按类名而不是Id选择元素，如下所示：

  new AnimOnScroll( document.getElementClassName( 'grid' ), {
    minDuration : 0.4,
    maxDuration : 0.7,
    viewportFactor : 0.2
  } );

这段代码也不起作用，我的文本编辑器Sublime text 2甚至没有突出显示“getElementClassName”，但它确实突出显示了“getElementById”

谁能帮我一下吗，我真的迷路了。谢谢

---

注：代码来自

，这是因为该代码用于处理DOM元素，而不是jQ对象。在jQuery的末尾添加一个[0]，它应该可以工作：$'grid'[0]

它是getElementsByClassName而不是GetElementClassName您应该用google搜索，而不是键入随机函数名。1。页面中是否包含jQuery库？2.您是否在页面中包含了AnimOnScroll库，从？感谢您的评论，我可以用下面的答案来回答。使用JS对象-使用DOM元素。jQuery对象是JS对象。嘿，我刚刚意识到，如果我有$'.grid'[0]，我只能使用类grid的第一个元素。你能告诉我如何使用它，这样它就可以选择class.grid中的所有元素，而不仅仅是第二个或第三个元素。谢谢