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:

代码调用存储的函数$.fn.slimscroll,this绑定到包含具有id的元素的jQuery对象chatlist,并将包含您指定的值的对象传递给该函数.

如果不使用JQuery,整个脚本会如何显示？

这里没有人会将整个脚本转换为纯JavaScript.我也不建议你这样做 - 因为你失去了所有漂亮的DOM遍历功能等等,这将是一大堆工作.