株式会社はてながインターン用に提供している資料を参考にJavaScriptについての基本を学習してください。

はてな教科書 JavaScript 編

（jQueryの箇所まで読んでください）

その他にはW3Schoolsもよい資料ですが、日本語はGoogle翻訳のため、英語版をおすすめします。

オンラインのPlaygroundが複数ありますので、ご自由に選んでください。

最近の人気のPlaygroundの中ではCodePenとJSFiddleがあり、この二つを紹介します。

こちらにアクセスし、HTML / CSS / Javascript　で開発ができます。

jQuery 又は他の外部ライブラリーを利用するため、JSFiddleの左メニューにあるExternal ResourcesにリソースのURLを入れてください。

例として下記を追加することでjQueryを利用できます。 https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js

こちらから開発ができます。

外部のライブラリーはSettings>Javascriptのメニューから、直接スクリプトのリンクを記入するか、Quick addよりjQueryを設定します。