≪サンプルファイル≫
書籍「jQuery プログラミング入門」で紹介したサンプルです。
「jQuery」の学習を進める際の参考としてください。
ISBN：978-4-87783-225-4
| sample_1_01 | JavaScriptとjQueryの比較（1） |
sample_1_01a.html *JavaScript版 sample_1_01b.html *jQuery版 |
|---|---|---|
| sample_1_02 | JavaScriptとjQueryの比較（2） |
sample_1_02a.html *JavaScript版 sample_1_02b.html *jQuery版 |
| sample_2_01 | 要素の選択 |
sample_2_01a.html *タグ名で選択 sample_2_01b.html *クラス名で選択 sample_2_01c.html *ID名で選択 |
|---|---|---|
| sample_2_02 | 複数の条件で要素を選択 | sample_2_02.html |
| sample_2_03 | 要素選択のフィルタ | sample_2_03.html |
| sample_2_04 | イベント処理（クリック） |
sample_2_04a.html *関数の呼び出し sample_2_04b.html *処理を直接記述 |
| sample_2_05 | イベント処理 （マウスオーバーとマウスアウト） |
sample_2_05a.html *mouseover()、mouseout() sample_2_05b.html *hover() |
| sample_2_06 | イベント処理（その他） | sample_2_06.html |
| sample_2_07 | スタイルシート（CSS）の指定 |
sample_2_07a.html *CSSの指定 sample_2_07b.html *クラスの追加 sample_2_07c.html *クラスの削除 sample_2_07d.html *クラスの切り替え |
| sample_2_08 | 属性値の指定 | sample_2_08.html |
| sample_2_09 | 属性値の取得 | sample_2_09.html |
| sample_2_10 | jQueryプログラミングのサンプル | sample_2_10.html *イメージギャラリー |
| sample_3_01 | 要素の追加（内部挿入） | sample_3_01.html |
|---|---|---|
| sample_3_02 | 要素の追加（外部挿入） | sample_3_02.html |
| sample_3_03 | 要素の包括 | sample_3_03.html |
| sample_3_04 | 要素の生成と削除 |
sample_3_04a.html *要素の生成 sample_3_04b.html *要素の削除 sample_3_04c.html *要素内を削除 sample_3_04d.html *バグ修正（表示と非表示） |
| sample_3_05 | 要素の置換 | sample_3_05.html |
| sample_3_06 | 要素のコピー、値の取得 |
sample_3_06a.html *要素のコピー sample_3_06b.html *CSS値の取得（バグ修正） sample_3_06c.html *要素の数を取得（バグ修正） |
| sample_4_01 | 表示と非表示のアニメーション | sample_4_01.html |
|---|---|---|
| sample_4_02 | スライドダウンとスライドアップ | sample_4_02.html |
| sample_4_03 | フェードインとフェードアウト | sample_4_03.html |
| sample_4_04 | オリジナルアニメの作成 | sample_4_04.html |
| sample_4_05 | 連続アニメーション （コールバック関数） |
sample_4_05a.html *関数の呼び出し sample_4_05b.html *処理を直接記述 |
| sample_5_01 | ドラッグ＆ドロップの処理 |
sample_5_01a.html *ドラッグで要素を移動 sample_5_01b.html *ドロップ時の処理 |
|---|---|---|
| sample_5_02 | 要素のサイズ変更 | sample_5_02.html |
| sample_5_03 | 要素をドラッグで選択 | sample_5_03.html |
| sample_5_04 | 要素の並べ替え | sample_5_04.html |
| sample_5_05 | アコーディオン表示 | sample_5_05.html |
| sample_5_06 | タブメニュー表示 | sample_5_06.html |
| sample_5_07 | 日付をカレンダーから選択 | sample_5_07.html |
| sample_5_08 | スライダの活用 | sample_5_08.html |
| sample_5_09 | 進行状況の表示 | sample_5_09.html |
| sample_5_10 | エフェクト効果 | sample_5_10.html *show()、hide()、toggle() |
| sample_5_11 | エフェクト効果 | sample_5_11.html *effect() |
| sample_6_01 | ThickBox 3.1の使用方法 | sample_6_01.html |
|---|---|---|
| sample_6_02 | Polaroid photo viewerの使用方法 | sample_6_02.html |
| sample_7_01 | テキストファイルの読み込み |
sample_7_01a.html sample_7_01b.html *コールバック関数で表示 |
|---|---|---|
| sample_7_02 | HTMLファイルの読み込み |
sample_7_02a.html *ページ全体を読み込む sample_7_02b.html *指定した要素だけを読み込む sample_7_02c.html *指定した要素だけを読み込む（バグ修正） |
| sample_7_03 | データの読み込み |
sample_7_03a.html sample_7_03b.html *エラー対策の追加 |