JQuery到常规JavaScript

为了便于学习，我将这个滚动条转换成常规JavaScript。我只是用脚本编写JQuery（JQuery很棒，但我希望在使用JQuery之前先学习原始JavaScript）

这是滚动条代码：

我不明白如何将最后几行转换为常规JavaScript：

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

我假设$（'#chatlist'）等于document.getElementById（'chatlist'），但这当然会失败，因为div元素没有名为'slimscroll'的方法

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

如果我们去掉JQuery，这些行会是什么样子？如果不使用JQuery，整个脚本会是什么样子

（我知道，没有JQuery，脚本的所有方面都不会以类似的方式工作，例如淡入淡出功能）

我不明白如何将最后几行转换为常规JavaScript：

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

代码调用存储在

$.fn.slimscroll

中的函数，并将

此

绑定到包含id为

聊天列表

的元素的jQuery对象，并传递包含指定给该函数的值的对象

如果不使用JQuery，整个脚本会是什么样子

这里没有人会为您将整个脚本转换为纯JavaScript。我也不建议您这样做——这将是一项非常艰巨的工作，因为您将丢失所有优秀的DOM遍历函数等

我不明白如何将最后几行转换为常规JavaScript：

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

代码调用存储在

$.fn.slimscroll

中的函数，并将

此

绑定到包含id为

聊天列表

的元素的jQuery对象，并传递包含指定给该函数的值的对象

如果不使用JQuery，整个脚本会是什么样子

---

这里没有人会为您将整个脚本转换为纯JavaScript。我也不建议您这样做-这将是一项艰巨的工作，因为您会丢失所有优秀的DOM遍历函数等。

设置只是一个对象。如果我是你，我会尝试写一个非常基本的jQuery插件，这很简单，你会理解一些新的东西！设置只是一个对象。如果我是你，我会尝试写一个非常基本的jQuery插件，这很简单，你会理解一些新的东西！