マメ知識：jQuery　(ジェイクエリー)

jQuery (ジェイクエリー)とは

jQueryはJavaScript上で動作するJavascriptライブラリのひとつです。

同じJavaScriptライブラリとして有名なprototype.jsがあります。prototype.jsライブラリはJavascript言語の特長のひとつである言語拡張性を利用し、便利な機能を標準オブジェクトに追加しています。これに対して、jQueryはJavascript言語を拡張することはなく、prototype.jsほどの機能追加がないかわりに、機能どうしの衝突による誤動作がありません。

jQueryのプロジェクト

• jQuery Core：jQueryのコアライブラリを開発するプロジェクト。
• jQuery UI：ユーザインターフェースライブラリ。
• Sizzle：高速なセレクタエンジン。
• QUnit：JavaScriptのテスティングフレームワーク。

jQueryは、prototype.jsなどと比べて、ソースが軽く軽快です。

jQueryの種類

• Uncompressed バージョン：軽量化せず、jQueryのコードを理解、確認したい場合に利用するバージョンです。Minifiedに比べて数倍重くなります。ちなみにjquery-1.6.3.jsは229KB。
• Packed バージョン：最小化したコードにPack処理を加えたもの。ファイルサイズを小さくしたためサーバの負荷は最も軽いものの、クライアント側で実行できる形式に戻すため、Minifiedよりも速度が落ちるとされています。
• Minified バージョンは、コードの視認性などを省いて軽量化したもの。通常は、このMinifiedバージョンがよく利用されます。ちなみにjquery-1.6.3.min.jsは31KB。

jQueryは繰り返し処理を記述する必要がほとんどないため、プログラムが短く、プログラムミスの発生が低く抑えられます。

連続して命令をつなげるメソッドチェーンが使えるので、見た目も分かりやすく直感的なプログラムが組めます。

CSSとほぼ同じような表記も使えるため、webデザイナーにも理解しやすいものになっています。

ライセンスは、GPLとMITを選べます。→コーピーレフトなGPLについてマメ知識はこちら。

jQueryの公式サイト（http://jquery.com/）

jQueryを利用したサンプル

• jQueryでhtmlを画面に読み込む。その間loading.gifを表示
• jQueryで、li要素を順に表示するニュースティッカー（ticker）・IE対応
• jQuery UIのDatepickerでカレンダーを表示して日付入力
• jQueryで、奇数行、偶数行の色かえ
• jQuery・Annotation Overlay  Effectで、説明画像に注釈文表示
• jQuery.jqchart.jsで折れ線グラフ表示