javascript - 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

I don't understand how to turn the last few lines into regular JavaScript:

代码调用存储在 $.fn.slimscroll 中的函数，并将 this 绑定(bind)到包含 id 为 chatlist 的元素的 jQuery 对象并将包含您指定的值的对象传递给该函数。

How would the whole script look without using JQuery?

这里没有人会为您将整个脚本转换为纯 JavaScript。我也不建议你这样做 - 这将是一项繁重的工作，因为你会失去所有不错的 DOM 遍历功能等。