CodePenでjQueryを使う方法を備忘録として書きます。※2020年2月時点の情報です。
「JS」の欄にjQueryのコードを書いてSaveボタンを押したら、「uncaught referenceerror $ is not defined」というエラーが出てきました。
これはjQuery自体が読み込まれていないことを意味しています。
jQueryを読み込むため、CodePenのSettingを開きます。
左の「JS」のタブを開きます。
枠線の箇所にjQueryのCDNのURLを貼ります。
※CloudFlareのURL「https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js」を貼り付けましょう。
これでCodePenでjQueryが使えるようになります。