スポンサーリンク

[`yahoo` not found]
Delicious にシェア
Digg にシェア
[`evernote` not found]
LINEで送る
Pocket

jQueryとは?

jQueryとは、John Resig(ジョン・レッシグ)氏によって開発されたJavaScript 軽量ライブラリの一つである。

JavaScript と同様、ブラウザ側で動く、クライアントサイドのプログラムである。

jQuery を使えば、JavaScript のコードを、CSSのように簡単に書ける。

モットー

“Write Less, Do More.” (よりシンプルなコードで、より沢山のことを。)

複雑な操作も簡単に書けるのが特徴である。

jQuery でできること

HTMLページの操作、アニメーション機能、Ajax によるネットワーク通信機能、JavaScript の拡張など、サイトに動きを付けることができる。

例えば、要素を変更して、サイトの内容を大胆に書き換えることができる。

ライブラリとは?

よく使う機能をひとまとめにしたものです。

ライブラリを使えば、複雑なJavaScript のコードを、簡単に記述することができる。

 

JavaScript ライブラリ

jQuery のほかに prototype.js,MooTools などがある。

JavaScript と jQuery でコードの記述を比較する。

jQuery の特徴

  1. クロスブラウザで設計。
  2. 記述がCSSと似ている。
  3. GPL&MIT デュアルライセンス
  4. 軽量のダウンロードサイズ
  5. 着実なバージョンアップ

2.記述がCSSと似ている。

CSS

セレクタ { プロパティ : 値 }

body { color : red }

jQuery

$(“セレクタ”) . メソッド();

$(“セレクタ”) . メソッド(パラメータ);

$("body") . css("color","red");

jQuery でも CSS と同じように、セレクタを使って要素を指定する。

そして、メソッドで「何をするか?」を指定する。

jQuery のダウンロード

  • 圧縮版(Minified)
  • 非圧縮版(Uncompressed)

Web サイトを公開する際には、読み込みスピードの速い非圧縮版を利用するのが一般的である。

Download jQuery | jQuery 

GPL&MIT デュアルライセンス

jQuery を商用利用しても問題ない。

主要なブラウザに完全対応

jQueryを記述する場所は?

JavaScript と同じ。

  • head 内。
  • </body> タグの直前。
  • 別ファイル。

一般的には、head 内に記述するのが基本。

jQuery本体を読み込んだ後に、script 内の jQuery を実行する。

jQuery の主な特徴

(1) セレクター

jQuery は、セレクターと呼ばれる記法を使うことで、HTMLから要素を取り出す。

(2) 操作が自由自在

(3) イベント機能

イベント処理を簡便に行える。

(4) アニメーション機能

(5) Ajax

Ajax をシンプルなコードで実装できる。

バージョンについて

基本的に、jQuery は、後方互換の考え方を採用しているので、1.4で書いたコードも、1.8で動作する。

が、バージョンが異なると、動作が変わるという事も無い訳ではない。

ver2.0 からは、IE8 以下はサポートしない事が決まっている。

スポンサーリンク

【おすすめ書籍】

 

[`yahoo` not found]
Delicious にシェア
Digg にシェア
[`evernote` not found]
LINEで送る
Pocket

スポンサーリンク

コメントを残す