「改訂新版jQuery本格入門」 サンプルプログラム集
「改訂新版jQuery本格入門」(以下、本書) をお読みいただきありがとうございます。このファイルは本書に掲載したサンプルプログラムの一部を収録したものです。本書をお読みいただく際の参考になれば幸いです。
サンプルプログラムはchapter00_prelude～chapter08およびappendix_bの各フォルダ(ディレクトリ)に章別に収めてあります。jQueryやQUnitなどのライブラリはlibディレクトリ以下に収めてあります。これらも必要に応じて参考にしてください。
なお、第7章のサンプルプログラムは、PHPによるサーバアプリケーションを含んでいますので、chapter07フォルダ(ディレクトリ)以下すべてをPHPプログラムを実行できるWebサーバ環境にコピーすると実行できるようになります。
(筆者より)
第1章
| 図1-1 | HTML文書内の要素の階層構造の例 |
| リスト1-8 | 擬似クラス(セレクタ)による要素の指定例(2) |
| リスト1-9 | 擬似クラス(セレクタ)による要素の指定例(3) |
| リスト1-18 | メソッドの例で対象にしているHTML文書 |
| リスト1-40 | 子要素を数える |
第2章
第3章
第4章
| リスト4-1 | 要素の表示 |
| リスト4-2 | 要素の非表示(hide)と切り替え(toggle) |
| リスト4-3 | メソッドの実行順 |
| リスト4-4 | slideUp/slideDown/slideToggleのアニメーション |
| リスト4-5 | fadeIn/fadeOut/fadeToggle/fadeToのアニメーション |
| リスト4-6 | animateの設定とアニメーションの動作 |
| リスト4-7 | animateメソッドとキュー |
| リスト4-12 | queueとdequeueによるアニメーションの実行(5) |
| リスト4-13 | queueとdequeueによるアニメーションの実行(6) |
| リスト4-17 | 名前付きキューに登録されたアニメーションの停止 |
| リスト4-19 | オプションに設定される関数の実行順 |
| リスト4-22 | easingのデモプログラム |
| リスト4-25 | 色を変化させるデモプログラム |
第5章
| リスト5-1 | jQueryオブジェクトを$とは別の変数で代替 |
| リスト5-2 | 異なるバージョンのjQueryを共存 |
| リスト5-6 | 配列と同じ操作を行うメソッド |
| リスト5-7 | $(...)と$.parseHTMLとの組み合わせ |
| リスト5-8 | addやappendと$.parseHTMLとの組み合わせ |
| リスト5-13 | 要素それぞれの繰り返し処理 |
| リスト5-14 | 配列の要素からHTMLを生成 |
| リスト5-15 | $.eachにオブジェクトのプロパティを設定 |
| リスト5-17 | mapメソッドの実行 |
| リスト5-21 | thisの設定とfalseの処理も行うeach関数 |
| リスト5-24 | オリジナルのmap関数 |
| リスト5-25 | オリジナルのeach, mapをObject,Arrayのメソッドに拡張 |
第6章
| リスト6-1 | ボタンがクリックされたらメッセージを表示 |
| リスト6-4 | クリックとボタンのイベント処理 |
| リスト6-5 | マウスカーソルと要素の重なり |
| リスト6-6 | メソッドによるイベントの発火 |
| リスト6-7 | フォーカスが当たる要素とイベント処理 |
| リスト6-8 | change/select/submitのイベント処理 |
| リスト6-9 | イベントの発火順とキーコード |
| リスト6-10 | 特殊キーの押下を判定 |
| リスト6-11 | スクロールと要素の位置 |
| リスト6-12 | スクロール可能な要素 |
| リスト6-13 | readyと$.holdReady |
| リスト6-14 | bindによるイベント処理の登録 |
| リスト6-15 | 登録・削除に用いる名前空間 |
| リスト6-16 | delegate/undelegate |
| リスト6-18 | $(...)によるイベント処理の設定 |
| リスト6-19 | on/offによるメソッドの統一 |
| リスト6-20 | offだけで指定できる'**'セレクタ |
| リスト6-21 | triggerとtriggerHandlerの違い |
| リスト6-22 | 名前空間とカスタムイベントへの対応 |
| リスト6-23 | $.proxyによるイベント処理の委譲 |
| リスト6-24 | マウスカーソルの位置を表すプロパティ |
| リスト6-25 | イベントの発火と関連する要素 |
| リスト6-26 | イベント処理の中止 |
| リスト6-27 | イベントオブジェクトによるデータの受け渡し |
| リスト6-28 | clickをonに変更した場合 |
| リスト6-29 | delegateTargetプロパティが指す要素 |
| リスト6-34 | 複数の処理を登録する |
| リスト6-35 | 処理中のthisの値を設定する |
| リスト6-36 | 状態を遷移させないメソッド |
| リスト6-37 | 状態を確認するstateメソッド |
| リスト6-39 | thenの利用例 |
| リスト6-42 | カウンタウィジェット |
| リスト6-43 | バーがすべて表示されたら完了を通知 |
| リスト6-45 | 複数のアニメーションがすべて終了した後にdoneで登録した処理を実行 |
| リスト6-48 | $.whenにおけるprogress, then, doneの実行順 |
| リスト6-51 | カウンタの値が上限(もしくは下限)に達したらdoneに登録された処理を実行 |
| リスト6-52 | 関数の登録と実行(1) |
| リスト6-53 | 関数の登録と実行(2) |
| リスト6-54 | 関数の登録と実行(3) |
| リスト6-55 | 関数の登録と削除 |
| リスト6-56 | Callbacksオブジェクトのフラグ |
| リスト6-57 | Callbacksオブジェクトの設定とその確認 |
第7章
| リスト7-1 | JSONPのテスト |
| リスト7-4 | loadメソッドによるコンテンツへのアクセス |
| リスト7-6 | $.getメソッドによるコンテンツへのアクセス(Promise) |
| リスト7-8 | $.getメソッドによるコンテンツへのアクセス(コールバック関数) |
| リスト7-9 | $.getJSONと$.getScript |
| リスト7-10 | $.getと$.postの違い(1) - サーバ側の対応 |
| リスト7-11 | $.getと$.postの違い(2) - XML形式のデータを送信 |
| リスト7-11 | Web関連技術 |
| リスト7-13 | serializeArray, serializeメソッドによるパラメータの生成 |
| リスト7-14 | $.ajaxによるGETとPOST |
| リスト7-14 | Web関連技術 |
| リスト7-18 | CSVファイルを元に<table>を生成 |
| リスト7-19 | Webサーバから受信したCSVデータを元に<table>を生成 |
| リスト7-20 | dataTypeとconvertersとの関係 |
| リスト7-22 | JSONPによるRSSの読み込み |
| リスト7-23 | $.ajaxSetupによるオプションの設定 |
| リスト7-28 | HTML文字列の生成処理(2) |
| リスト7-30 | HTML文字列の生成処理(3) |
| リスト7-32 | HTML文字列の生成処理(3) |
| リスト7-34 | カスタムイベント処理の引数 |
| リスト7-35 | ヘッダの設定と取得 |
| リスト7-36 | jqXHRへの処理の登録とイベント処理との関係 |
| リスト7-37 | XDomainRequestオブジェクトによるクロスドメイン通信(IE限定) |
| リスト7-38 | $.ajaxPrefilterとdataType, convertersとの関係 |
第8章
| リスト8-3 | 合否の判定(1) - 真偽(Boolean)、等値(==)、同値(===) |
| リスト8-4 | 合否の判定(2) - オブジェクトと配列 |
| リスト8-5 | 合否の判定(3) - プロパティの値 |
| リスト8-6 | 合否の判定(4) - 日付(Date)、正規表現(RegExp)、DOMオブジェクト |
| リスト8-7 | 合否の判定(5) - エラー |
| リスト8-8 | モジュールの設定(Ajax同期通信テスト) |
| リスト8-9 | モジュールの設定(Ajax非同期通信テスト) |
| リスト8-10 | イベントハンドラの引数と実行順 |
| リスト8-11 | オプションを設定してテスト実行 |
| test_twittersearch.html | [Test] つぶやき検索のテスト(Powered by Twitter Search API) |
| twittersearch.html | [Demo] つぶやき検索(Powered by Twitter Search API) |