CodePenでjQueryの使い方が分からない方は、この記事を参考にしてください。
Font Awesomeを使いたい場合は、こちらの記事をご覧ください。
CodePenでjQueryの設定をする
設定はとても簡単です!
「JS」の歯車マーク(上のSettingsでもよい)をクリックしてください。
![](https://spicaweblog.com/wp-content/uploads/2022/04/codepen-jquery1-1024x467.png)
「Add External Scripts/Pens」の検索バーに「jQuery」と打ち込んでください。
![](https://spicaweblog.com/wp-content/uploads/2022/04/codepen-jquery2-1024x467.png)
検索窓のすぐ下に「jquery 3.x.x」と表示されますので、そこをクリック。
![](https://spicaweblog.com/wp-content/uploads/2022/04/codepen-jquery3-1024x467.png)
これでjQueryが使えるようになりました!
「Save & Close」をクリックして終了です。
![](https://spicaweblog.com/wp-content/uploads/2022/04/codepen-jquery4-1024x467.png)
まとめ
驚きの簡単さですよね!
ちょっとjQueryの動きを試したい、なんて時に、かなり重宝しています!!
フロントエンドエンジニアにおすすめのサービスですよ!
コメント