新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 jQueryとはなにか？ (02:43) 無料公開中
- 概要
- 公式サイト
- 必要となる知識
- 必要となるツール
- ひな形ファイルの作成
-
#02 はじめてのjQuery (02:59) 無料公開中
- jQueryの読み込み
- jQueryの書き方
- セレクタ
- メソッド
- メソッドチェーン
-
#03 idやclassを指定してみよう (02:49) 無料公開中
- HTML要素
- #
- .
-
#04 もっとセレクタを使ってみよう (02:27) 無料公開中
- >
- 空白
- ,
- +
-
#05 フィルタを使ってみよう (03:02) 無料公開中
- :eq()
- :gt()、:lt()
- :even、:odd
- :contains()
- :first、:last
-
#06 メソッドを使ったDOM要素指定 (02:38)
- parent()、children()
- next()、prev()
- siblings()
-
#07 属性セレクタを使ってみよう (02:48)
- a[href="http://google.com"]
- =
- !=
- *=
- ^=
- $=
-
#08 css､addClass/removeClassを使おう (02:50)
- css
- addClass/removeClass
-
#09 attr､dataを使ってみよう (02:40)
- attr
- data
-
#10 タグの中身を操作してみよう (02:59)
- text
- html
- val
- remove/empty
-
#11 要素を追加してみよう (02:59)
- before/after
- insertBefore/insertAfter
- prepend/append
- prependTo/appendTo
-
#12 エフェクトを使ってみよう (02:59)
- hide/show
- fadeOut/fadeIn
- toggle
- コールバック関数
-
#13 イベントを使ってみよう (02:43)
- click
- mouseover
- mouseout
- mousemove
-
#14 focus､blur､changeを使おう (02:54)
- focus
- blur
- change
-
#15 onメソッドを使ってみよう (03:00)
- on
-
#16 Ajaxとはなにか？ (02:58)
- Ajaxの説明
- ローカル開発環境のサーバーについて
-
#17 loadメソッドを使ってみよう (02:52)
- index.htmlの移動
- more.htmlの作成
- loadメソッド
- 動作確認
-
#18 非同期通信とはなにか？ (02:16)
- 非同期通信の説明
- 動作確認
-
#19 $.getを使ってみよう (02:59)
- $.get
-
#20 JSONで値を返してみよう (02:56)
- greet.phpの作成
- 動作確認
- JSONによる値の受け渡し
