3. JSとjQuery

コース内容
マインドセット編
0/1
5. デザイン添削
0/1
6. デザイン添削
0/1
8. コーディング振り返り・質問
0/2
9. コーディング1回目
0/1
10. コーディング2回目
0/1
14. 営業・提案・見積もり作成
15. 保守・運用
保護中: WEB制作【1期生】

JSとjQuery

JavaScript(ジャバスクリプト)は、主にホームページで動きを付けるときに使用するプログラミング言語です。略称で、JS(ジェーエス)と呼ばれます。

jQueryとは?JSとの違い

JavaScriptは「プログラミング言語」で、jQueryは「JavaScriptを簡単に使うためのライブラリ」です

 

jQueryで実装できること

  • フェードイン(ふわっと出現)
  • ハンバーガーメニュー
  • アコーディオンメニュー(FAQでよく使われている)
  • スライダー(メインビジュアルやカードデザインで)
  • タブ切り替え(料金表やプランなどで)

 

JSのファイル名

一般的にはscript.jsというファイル名にすることが多い

 

jQueryのCDNとJSファイルの読み込み

基本的には「</body> の直前」に以下2つのコードを書く

<script src=”https://code.jquery.com/jquery-3.7.1.min.js”
integrity=”sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=”
crossorigin=”anonymous”></script>
<script src=”js/script.js”></script>

CDN:【公式サイト】https://releases.jquery.com/