JQuery to regular JavaScript

JQuery to regular JavaScript

本文关键字：JavaScript regular to JQuery      更新时间：2023-09-26

出于学习目的，我正在将此滚动条转换为常规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，脚本的所有方面都不会以类似的方式工作，例如淡入淡出功能）

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

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

不使用 JQuery 整个脚本会是什么样子？

这里没有人会为你将整个脚本转换为纯JavaScript。我也不建议您这样做 - 这将是大量的工作，因为您丢失了所有漂亮的 DOM 遍历函数等。

相关文章：