jQueryとは、HTMLドキュメントのトラバース、イベント処理、アニメーション、および迅速なWeb開発のためのAjaxのインタラクションなどを、簡単に実装できる、高速なJavaScriptライブラリのこと。ウェブ・アプリケーション・フレームワークとして、とても多く利用されているJavaScriptライブラリであり、事実上の標準ライブラリと言っても過言ではない。
API(アプリケーション・プログラム・インタフェース)が豊富に用意されており、JavaScriptプログラミングの手間が省ける。
プラグインが豊富に存在するのも、jQueryの魅力のひとつだ。jQuery公式のユーザインターフェース(UI)用ライブラリもある。
特徴
jQueryを使うべき7つの理由。
- クロスブラウザ。ブラウザによる違いを吸収してくれる。
- JavaScriptより少ないコードの記述で、より多くの処理を行う。
- CSSのセレクターが使える。
- 軽い。
- 事実上の標準ライブラリ。
- API(アプリケーション・プログラム・インタフェース)が豊富。
- プラグインが豊富。jQuery公式のユーザインターフェース(UI)用ライブラリもある。
チュートリアル
jQueryの基本的使い方。
jQuery API 日本語リファレンス
jQuery API 日本語リファレンスでは、jQueryのAPIについて、ほぼ全てに実装例(サンプル)を付けて解説。
- ABC順インデックス
- Ajax / アジャックス
- Attributes / 属性
- Callbacks Object / コールバックオブジェクト
- Core / コア
- CSS / スタイルシート
- Data / データ
- Deferred Object / 繰延オブジェクト
- Dimensions / 寸法
- Effects / エフェクト
- Events / イベント
- Forms / フォーム
- Internals / 内部
- Manipulation / DOM操作
- Miscellaneous / その他諸々
- Offset / オフセット
- Properties / プロパティ
- Selectors / セレクター
- Traversing / トラバース
- Utilities / ユーティリティ
- Version / バージョン別
- サンプル集
jQuery UI 日本語リファレンス
jQuery UI とは、jQuery公式のユーザインターフェース(UI)用ライブラリのこと。カレンダー、タブ、アコーディオン、ダイアログ、エフェクト、並べ替え、表示切替、ドラッグ移動、ドロップ、サイズ変更、スライダーなど、多様な UI を簡単に導入できる。
- jQuery UI 導入方法
- Accordion / アコーディオン
- AddClass / クラス追加
- Autocomplete / オートコンプリート
- Button / ボタン
- Datepicker / カレンダー
- Dialog / ダイアログ
- Draggable / ドラッグ移動
- Droppable / ドロップ
- Effects / エフェクト
- Hide / 非表示
- Menu / メニュー
- Position / 位置指定
- Progressbar / プログレス・バー
- RemoveClass / クラス削除
- Resizable / サイズ変更
- Selectable / 項目選択GUI
- Show / 表示
- Slider / スライダー
- Sortable / 並べ替え
- Spinner / スピナー
- SwitchClass / クラス切替
- Tabs / タブ
- Toggle / 表示切替
- ToggleClass / クラス切替
- Tooltip / ツールチップ
- jQuery UI 逆引きリファレンス
jQuery プラグイン
jQueryには、多くのプラグインが存在する。ここでは、特におすすめのプラグインを、詳細解説付きで掲載。