3. JSとjQuery

コース内容
1. ヒアリング・要件定義・リサーチ・ライティング・サイトマップ
この講座で学べることの要約
0/8
5. デザイン添削
0/1
6. デザイン添削
0/1
8. コーディング振り返り・質問
0/2
9. LPコーディング1回目
0/1
10. LPコーディング2回目
0/1
12. WordPress実践
13. ポートフォリオ制作
14. 営業・提案・見積もり作成
15. 保守・運用
jQueryコード集
0/1
保護中: WEB制作

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/