このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 jQueryを学んでみよう (02:02) 無料公開中
- jQueryの歴史
- jQueryの注意点
-
#02 学習の準備を整えよう (01:42) 無料公開中
- プロジェクトフォルダの設定
- index.htmlの作成
-
#03 jQueryのスクリプトを読み込もう (02:43) 無料公開中
- jQueryスクリプトの読み込み
- main.jsの作成
-
#04 基本的な文法を理解しよう (02:14)
- JavaScriptとの対比
- jQueryの文法
-
#05 クリックイベントを設定してみよう (01:53)
- $()
- click()
- text()
-
#06 スタイルを変更してみよう (01:55)
- スタイルの設定
- addClass()
- メソッドチェーン
-
#07 複数の要素を扱ってみよう (02:34)
- リストの設置
- eq()
- 擬似クラスによる表現
-
#08 要素を新しく作ってみよう (02:00)
- $('<li>')
- appendTo()
-
#09 入力フォームの値を取得しよう (02:21)
- val()
- val('')
- focus()
-
#10 定数を導入してみよう (01:29)
- 定数の導入
- $を使った定数の表現
-
#11 マウスホバーでスタイルを変えよう (01:29)
- liのスタイル設定
- マウスホバー時のスタイル設定
-
#12 要素を削除してみよう (02:36)
- nodeName
- 早期リターン
- confirm()
- remove()
-
#13 要素をふわっと消してみよう (01:28)
- fadeOut()
- $()
2022年6月3日
2022年9月3日
2022年6月22日
2023年4月12日
2022年8月23日
2022年1月27日
2022年2月28日
