jQuery入門
jQueryはJavaScriptの記述を簡潔にし、Webページの操作を効率化するために開発されたライブラリです。シンプルな構文と高い互換性を備え、アニメーションやイベント処理、DOM操作などを少ないコードで実現できます。
- このレッスンで使われるJavaScriptのバージョンはES5です。
- jQueryレッスンを受講する前に、「 ES5(旧版) 」を受講することをおすすめします。
jQueryが学べるレッスン一覧
環境構築不要ですぐに学び始められるjQueryのレッスン一覧です。
学習レッスン
jQuery 初級編
0%
jQueryを使うとWEBページにアニメーションや効果を簡単につけることができます。このレッスンでは、jQueryの基本を学習します(このレッスンで使われるJavaScriptのバージョ...
このレッスンで学べること
-
1. jQueryの基礎
-
jQueryに触れてみよう
-
メソッドを使ってみよう
-
アニメーションを使おう
-
classとid
-
要素を表示しよう
-
-
2. イベントを使おう
-
clickイベント
-
cssメソッド
-
textメソッドとhtmlメソッド
-
this
-
変数とメソッドチェーン
-
-
3. 要素の取得
-
find・children
-
hoverイベント
-
学習レッスン
jQuery 中級編
0%
初級編で学んだ基礎知識を元に、WEBページにjQueryを実装します。動きのあるモダンなサイトを創りあげましょう!(このレッスンで使われるJavaScriptのバージョンはES5です)
このレッスンで学べること
-
1. WEBページを作ろう(1)
-
jQueryの準備
-
モーダルを表示しよう(1)
-
モーダルを表示しよう(2)
-
モーダルを隠そう
-
-
2. WEBページを作ろう(2)
-
hover機能の準備
-
addClass・removeClass
-
-
3. WEBページを作ろう(3)
-
アコーディオンの準備(1)
-
アコーディオンの準備(2)
-
アコーディオンを完成しよう
-
道場レッスン
jQuery 中級編
0%
jQueryは覚えることはあまり多くありません。とにかくコードを書いて慣れていきましょう。このレッスンでjQueryの基礎を完全にマスターしましょ...
このレッスンで学べること
-
1. WEBページをつくろう
-
新規登録モーダルをつくろう
-
レッスン一覧をつくろう
-
アコーディオンをつくろう
-
学習レッスン
jQuery 上級編
0%
jQueryの新しい知識を学ぶと同時に、JavaScript基礎編やjQuery初級編で学んだ知識を組み合わせた応用問題に取り組みましょう(このレッスンで使われるJavaScriptのバ...
このレッスンで学べること
-
1. スライドを作ろう
-
eqメソッド
-
表示するスライドを切り替えよう
-
indexメソッド
-
prevとnext
-
ボタンの表示/非表示
-
関数を使おう
-
length
-
-
2. フォームを操作しよう
-
要素の値を取得しよう(1)
-
要素の値を取得しよう(2)
-
入力欄の値を取得しよう
-
選択ボックスの値を取得しよう
-
フォームの入力チェックをしよう
-
入力欄への自動入力
-
選択ボックスの自動選択
-
-
3. ページ内を移動しよう
-
アニメーションをつけよう
-
ページ内リンクをつくろう
-
スクロールにアニメーションをつけよう
-
ナビゲーションをつくろう
-
jQuery学習後に取り組む実践ステップ
学習したjQueryを活かして、環境構築や応用的なアウトプットに挑戦してみましょう。
jQueryの基礎理解とTipsまとめ
jQueryに関する知識や実践的なTipsを学び、理解をさらに深めましょう。
jQueryを学ぶ前に知っておきたい学びのコツ
学ぶときの心構えやAIの活用方法を知っておくことで、自分のペースに合わせてより効率的に学習を進められます。
jQueryに関連するコース
関連するコースを通じて、jQueryで学んだ知識を他の分野にも広げていきましょう。
あなたの書いたコードは削除され、
最初の状態から学習し直すことができます。
あなたの書いたコードを残したまま、
レッスンの内容を見直すことができます。