將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遍歷功能等