Blog Detail

[ jQuery ] 基本、基礎知識

15 8月 16
Spike

No Comments

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 を商用利用しても問題ない。

CDN を利用する。

CDN(Content Delivery Network)コンテンツデリバリネットワークとは?

コンテンツ配信のための最適化されたネットワークのこと。

CDN では、コンテンツが要求されると、ユーザーが利用しているコンピュータのネットワークの位置に応じて、最も近いサーバーを選択し、そこからコンテンツをダウンロードさせるようにしている。

jQuery を配信している主なCDN

Google CDN http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
Microsoft CDN https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.js
jQuery CDN https://code.jquery.com/jquery-3.3.1.min.js

CDN を利用してjQueryをインポートするには

[php] [/php]

を記述する。