jQuery API を使って作った、ちょっと便利なサンプル集。
逆引き的に目的から探せる。
Ajax
- jQuery.ajax(settings)で、html形式のデータを読み込み表示
- jQuery.ajax(settings)で、PHPへデータを渡し、実行結果を取得
- jQuery.ajax(settings)で、JavaScriptファイルを読み込み、実行
- jQuery.ajax(settings)で、JSON形式のデータを読み込み、表示
- jQuery.ajax(settings)で、xml形式のデータを読み込みパースし表示
- jQuery.get()で、PHPへデータを渡し、実行結果を取得
- jQuery.get()で、xml形式のデータを読み込みパースし表示
- jQuery.post()で、PHPへデータを渡し、実行結果を取得
- jQuery.post()で、xml形式のデータを読み込みパースし表示
- jQuery.getJSON()で、JSON形式のデータを読み込みパースし表示
- jQuery.ajax(settings)で、JSON形式のデータを読み込みパースし表示
- jQuery.get()で、JSON形式のデータを読み込みパースし表示
- jQuery.post()で、JSON形式のデータを読み込みパースし表示
- jQuery.getScript()で、JavaScriptファイルを読み込み、実行
- jQuery.ajax(url[,settings])で、html形式のデータを読み込み表示
- jQuery.ajax(url[,settings])で、JavaScriptファイルを読み込み、実行
- jQuery.ajax(url[,settings])で、JSON形式のデータを読み込み、表示
- jQuery.ajax(url[,settings])で、JSON形式のデータを読み込みパースし表示
- jQuery.ajax(url[,settings])で、PHPへデータを渡し、実行結果を取得
- jQuery.ajax(url[,settings])で、xml形式のデータを読み込みパースし表示
フォーム
メニュー
リスト
表
時間
色
スタイルシート
アニメーション
- jQuery の animate の縦方向の出現や隠す動作
- jQuery の animate の横方向の出現や隠す動作
- jQuery の animate の速度(動作時間)を指定する方法
- jQuery の animate の動作パターンを指定する方法
- jQuery の animate で、透明⇔不透明のアニメーション動作
- jQuery の animate のアニメーション終了後に関数を実行
- jQuery の animate による連続アニメーション動作
- jQuery の animate による同時多発アニメーション
- jQuery の animate で、アニメーションのステップごとに関数を実行
- jQuery の fadeTo( duration, opacity ) で、点滅アニメーション
- jQueryによる喜びの絵文字「♪ワーイo(^∇^)oワーイ♪」アニメーション
- jQueryによる走る絵文字「ε=ヽ(* ̄∇ ̄)ノ」アニメーション
- jQueryを使い、スクロールボックスの高さをアニメーションで変更
- jQueryを使い、マウスオーバーで画像を入れ替え及び拡大
スクロール
- jQueryでボッス要素のスクロール位置を取得する方法
- jQueryでボッス要素のスクロール位置を割合で取得する方法
- jQueryで親要素のスクロールに対応して子要素を追加する方法
- jQueryで親要素のスクロールに対応して子要素をフェードインで追加する方法
- jQueryでウィンドウのスクロールに対応してTOPへを表示する方法
- jQueryでウィンドウのスクロールに対応してTOPへをフェードイン表示する方法
- jQueryでウィンドウのスクロールに対応してTOPへをスライドアニメーション表示する方法
- jQueryを使い、特定の要素が縦スクロールで上まで来たら固定表示させる方法
- jQueryを使い、メニューが縦スクロールで上まで来たら固定表示させる方法
- jQueryを使い、ボッス要素を自動スクロールする方法
- jQueryを使い、スクロールボックスの高さを変更
- jQueryを使い、スクロールボックスの高さをアニメーションで変更