2025.12.６　学科 jQuery基礎【オンライン】

本日のテーマ

JavaScript(jQuery)についてです

1限目
学科 jQuery基礎
jQueryの使い方について

2限目
学科 jQuery基礎
jQueryの導入

3限目
学科 jQuery基礎
課題制作

4限目
学科 jQuery基礎
課題制作

5限目
学科 jQuery基礎
課題制作

jQueryについて

jQueryを利用する時の基本事項を理解し、自分のサイトに導入して動きのあるサイトを作りましょう。

参考サイト

• jQuery入門 – サンプルを元にセレクタやイベントを理解しよう！ | パソナテック
• JavaScript初心者のためのjQuery入門
• とほほのjQuery入門 – とほほのWWW入門

Queryの利用方法（復習）

jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery （実装したいキーワード）」で検索します。
良く使うキーワードの例は、以下の通りです。

• スライダー
• カルーセル
• ハンバーガーメニュー
• ライトボックス
• ドリルダウン
• フェード
• スクロール　など

ワンポイントアドバイス

見本となるサイトがたくさんあるのがWebページの良いところです。
「こんな動きのページ作れますか？」のような依頼はよくあります。
その見本のサイトを解析できれば実装が可能です。

MEMO

JavaScriptを略すときは「JS」
※Javaと略したらダメ。別のものになってしまう。

覚えておくべきルール
1.一番上にjQueryの本体を読み込む（記述する。）
2.自作の「コード」を読み込む（記述する。）
3.動きに該当する要素（HTMLのタグ＋IDなど）と連動させる