将JQuery转换为常规JavaScript

Question

为了学习目的，我将此滚动条转换为常规JavaScript。我只是从脚本中写出JQuery（JQuery很棒，但我希望在使用JQuery之前学习原始JavaScript）。

这里的滚动条代码：

http://jsfiddle.net/PVZB8/139/

我不明白如何把最后几行到正规的JavaScript：

$('#chatlist').slimscroll({ 
    color: '#000', 
    size: '8px', 
    width: '150px', 
    height: '250px'     
}); 

我假设$（'＃chatlist “）等于的document.getElementById（” chatlist'），但当然这失败，因为一个div元素没有命名方法‘slimscroll’......

我有点理解这些代码行（创建slimscroll的新实例并传递一些选项）。

如果我们拿出JQuery，这些行怎么看呢？整个脚本如何看起来不使用JQuery？

（据我所知，没有脚本的各个方面将在不JQuery的类似的方式工作，例如像淡入淡出功能）

Answer 1

我不明白如何把最后几行成规则JavaScript的：

该代码调用绑定到包含该元件与该ID chatlist jQuery对象存储在与$.fn.slimscrollthis的功能和使含有指定给该功能的值的对象。

如何将整个脚本的外观，而使用JQuery？

这里没有人会将整个脚本转换为纯JavaScript代码。我也不会建议你这样做 - 这将是工作的shitload因为你失去的一切好DOM遍历功能等