jQuery の導入方法、ダウンロードや読み込み方について。
jQueryは、HTMLドキュメントのトラバース、イベント処理、アニメーション、および迅速なWeb開発のためのAjaxのインタラクションなどを、簡単に実装できる、高速なJavaScriptライブラリだ。
API(アプリケーション・プログラム・インタフェース)が豊富に用意されており、JavaScriptプログラミングの手間が省ける。
プラグインが豊富に存在するのも、jQuery の魅力のひとつ。ユーザインターフェース(UI)用ライブラリもある。
導入
ダウンロード
公式サイトのDownloadのページより、最新バージョンをダウンロード。2012/02/09現在の最新バージョンは、「1.7.1」なので、「jquery-1.7.1.min.js」ファイル、もしくは「jquery-1.7.1.js」ファイルをダウンロード。
「jquery-1.7.1.min.js」ファイル、もしくは「jquery-1.7.1.js」ファイルを、自分のサイトのサーバーにアップロードし、使いたいページで読み込む。
読み込み
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
ファイルへのパスは、アップロードした場所を指定する。
jQuery API
- Ajax / アジャックス
- Attributes / 属性
- Core / コア
- CSS / スタイルシート
- Data / データ
- Deferred Object / 繰延オブジェクト
- Dimensions / 寸法
- Effects / エフェクト
- Events / イベント
- Forms / フォーム
- Internals / 内部
- Manipulation / DOM操作
- Miscellaneous / その他諸々
- Offset / オフセット
- Properties / プロパティ
- Selectors / セレクター
- Traversing / トラバース
- Utilities / ユーティリティ
- jQuery API 逆引きリファレンス
jQuery UI
- jQuery UI 導入方法
- Accordion / アコーディオン
- AddClass / クラス追加
- Autocomplete / オートコンプリート
- Button / ボタン
- Datepicker / カレンダー
- Dialog / ダイアログ
- Draggable / ドラッグ移動
- Droppable / ドロップ
- Effects / エフェクト
- Hide / 非表示
- Position / 位置指定
- Progressbar / プログレス・バー
- RemoveClass / クラス削除
- Resizable / サイズ変更
- Selectable / 項目選択GUI
- Show / 表示
- Slider / スライダー
- Sortable / 並べ替え
- SwitchClass / クラス切替
- Tabs / タブ
- Toggle / 表示切替
- ToggleClass / クラス切替
- jQuery UI 逆引きリファレンス