jQuery には、多くのプラグインが存在する。これも、jQueryの魅力のひとつだ。
jQuery API がわからなくても、jQuery UI やjQuery プラグインを使うだけで出来ることがたくさんある。
- AnimateScroll
- Color Picker
- Cycle
- Horizontal Accordian
- jPlayer
- jqDock
- jqPlot
- jQuery Cookie
- jQuery Easing Plugin
- tableHover
- tablesorter
jqPlot
- 線グラフ
- 縦棒グラフ
- 横棒グラフ
- 面グラフ
- ウォーターフォールチャート
- 散布図
- バブルチャート
- マリメッコチャート
- 円グラフ
- ドーナツグラフ
- メーターゲージ
- トレンドライン
- ローソク足
- いかり足
- ブロックチャート
- ピラミッドグラフ
jQuery Cookie
- jQuery Cookie の導入や使い方
- jQuery と jQuery Cookie を使い訪問回数をカウント
- jQuery と jQuery Cookie を使いフォントサイズを変更し次回訪問時もその設定を適用
- jQuery と jQuery Cookie で特定の要素の背景色を変更し、次回訪問時もその設定を適用
AnimateScroll
- AnimateScrollプラグインの導入方法、使い方、オプションなどについて
- AnimateScrollプラグインの基本的使用例
- スクロール中だけ背景色を変えるAnimateScrollプラグイン使用例
- AnimateScrollをクリックイベントにまとめてバインド
Color Picker
- jQuery の Color Picker プラグイン
- カラーピッカーで選択した色のカラーコードをテキスト入力欄に入力
- jQuery の Color Picker プラグインのカラーセレクター使用例
- jQuery の Color Picker プラグインのカラーセレクター使用例 2
Cycle
- jQuery Cycle Plugin
- jQuery の Cycle プラグインで作る基本的スライドショー
- jQuery の Cycle で、フェードイン・フェードアウト切替のスライドショー
- jQuery の Cycle で、フェードアウト＆ズーム表示切替のスライドショー
- jQuery の Cycle で、縦にカーテンを閉じる様な切替のスライドショー
- jQuery の Cycle で、横にカーテンを閉じる様な切替のスライドショー
- jQuery の Cycle で、上から下へのスクロール切替のスライドショー
- jQuery の Cycle で、下から上へのスクロール切替のスライドショー
- jQuery の Cycle で、右から左へのスクロール切替のスライドショー
- jQuery の Cycle で、左から右へのスクロール切替のスライドショー
- jQuery の Cycle で、右から左へのスクロール切替のスライドショー②
- jQuery の Cycle で、上から下へのスクロール切替のスライドショー②
- jQuery の Cycle で、中央から左右へ拡がる切替のスライドショー
- jQuery の Cycle で、中央から上下へ拡がる切替のスライドショー
- jQuery の Cycle プラグインで、右から現れ右へ消えるスライドショー
- jQuery の Cycle プラグインで、下から現れ下へ消えるスライドショー
- jQuery の Cycle で、右下から現れ右下へ消えるスライドショー
- jQuery の Cycle で、覆いかぶさるように右から現れるスライドショー
- jQuery の Cycle で、カードを切り混ぜるアニメーションのスライドショー
- jQuery の Cycle で、スライドで左から現れ左へ消えるスライドショー
- jQuery の Cycle で、スライドで上から現れ上へ消えるスライドショー
- jQuery の Cycle で、右上へ投げるような切替のスライドショー
- jQuery の Cycle で、上へ向かって裏返す切替のスライドショー
- jQuery の Cycle で、下へ向かって裏返す切替のスライドショー
- jQuery の Cycle で、左へ向かって裏返す切替のスライドショー
- jQuery の Cycle で、右へ向かって裏返す切替のスライドショー
- jQuery の Cycle で、左へ消えると背後から現れる切替のスライドショー
- jQuery の Cycle で、左上から右下へ拭うような切替のスライドショー
- jQuery の Cycle で、縮小/拡大アニメーション切替のスライドショー
- jQuery の Cycle で、切替アニメーションなしのスライドショー
- jQuery の Cycle で、方向を指定したシャッフル切替のスライドショー
- JQuery Cycle Plugin と jQuery Easing Plugin の併用
- JQuery Cycle Plugin と jQuery Easing Plugin の併用②
- jQuery の Cycle で、スライドをクリックすると切り替わるスライドショー
- jQuery の Cycle で、次にも前にも切り替えられるスライドショー
- jQuery の Cycle による、手動でも自動でも切り替わるスライドショー
- jQuery の Cycle で、ページ番号で切り替えるスライドショー
- jQuery の Cycle プラグインを使った、ランダム順スライドショー
- jQuery の Cycle プラグインによる、一時停止できるスライドショー
- jQuery の Cycle のスライドショーで切替の前後に関数を呼び出す
- jQuery の Cycle で、前後手動切替の水平スクロール・スライドショー
- スライド上の左右をクリックし前後のスライドへ切り替えるスライドショー
- jQuery の Cycle で画像でないスライドのスクロール切替スライドショー
- jQuery の Cycle で、右上から現れて右下へ消えるスライドショー
Easing
- jQuery Easing Plugin | エフェクト動作パターン集
- JQuery Cycle Plugin と jQuery Easing Plugin の併用
- JQuery Cycle Plugin と jQuery Easing Plugin の併用②
Horizontal Accordion
- jQuery Horizontal Accordion
- jQuery の Horizontal Accordian を使った水平型アコーディオン①
- jQuery の Horizontal Accordian を使った水平型アコーディオン②
- jQuery の Horizontal Accordian を使った水平型アコーディオン③
jPlayer
jqDock
- jQuery の jqDock プラグインで作る Mac OS X 風ドックメニュー
- jQuery の jqDock による上揃え水平タイプのドックメニュー
- jQuery の jqDock による中央揃え水平タイプのドックメニュー
- jQuery の jqDock による下揃え水平タイプのドックメニュー
- jQuery の jqDock による左揃え垂直タイプのドックメニュー
- jQuery の jqDock による中央揃え垂直タイプのドックメニュー
- jQuery の jqDock による右揃え垂直タイプのドックメニュー
- jQuery の jqDock によるドックメニューのカーソル反応距離設定
- jQuery の jqDock によるドックメニューのサイズを指定
- jQuery の jqDock によるドックメニューにラベルを表示
- jQuery の jqDock によるドックメニューの拡大縮小時間を調整
tableHover
- jQuery tableHover plugin
- jQuery の tableHover プラグインで作る行をハイライト表示する表
- jQuery の tableHover プラグインで作る行と列をハイライト表示する表
- jQuery の tableHover で作る、行と列を違う色でハイライト表示する表
- jQuery の tableHover で作る、セルと行と列をハイライト表示する表
- jQuery の tableHover で作る、クリックでハイライト表示する表
tablesorter
- jQuery の tablesorter プラグイン
- jQuery の tablesorter プラグインによる表（テーブル）の項目並べ替え
- jQuery の tablesorter プラグイン blue テーマ
- jQuery の tablesorter プラグイン green テーマ
- tablesorter の sortList オプションでページ表示時の並び基準を指定
- tablesorter の headers オプションで一部の列の並べ替えを無効に
- tablesorter の sortMultiSortKey でマルチソート操作キーを設定
- tablesorter の widgets オプションで奇数行と偶数行を色分けした表
- tablesorter の sortForce オプションで優先並べ替え基準の列を指定
- tablesorter と Pager プラグインで表の内容を複数ページに分ける
- jQuery の tablesorter において並べ変えた列の見出し背景色を変更