jQueryプラグイン入門 (全8回)
jQueryプラグインを自作する方法について簡単に説明していきます。
このレッスンでは jQuery 1.10.2 を使用しています。
-
#01 jQueryプラグインを作ろう (02:58)
- 概要
- デモ
- 必要となる知識
- 必要となるツール
- ひな形ファイルの作成
-
#02 画像サイズを取得しよう (02:45)
- クリックイベントの設定
- 画像サイズの取得
- divの作成
- 画像サイズの表示
-
#03 スタイルを設定しよう (01:44)
- スタイルの設定
- 複数画像への適用
-
#04 プラグインファイルを作ろう (02:20)
- プラグインファイルの作成
-
#05 プラグインを動作させよう (03:00)
- thisの挙動について
- 処理の実装
- チェーンメソッドへの対応
-
#06 オプションを設定しよう (02:58)
- オプション値の設定
- デフォルト値の設定
- $.extend
-
#07 data属性を使ってみよう (01:59)
- data属性の設定
- data属性の反映
- 動作確認
-
#08 プラグイン内で関数を使おう (01:59)
- 関数の登録
- 動作確認
