jQuery初心者のための入門講座 1/4 (準備編)!

2014/04/16

こんにちは。
jQuery初心者のための入門講座を「準備編」と「セレクタ編」「メッソッド編」「イベント編」というように4回に分けて書きたいと思います。
今回は準備編です。

jQuery初心者のための入門講座 1/4 (準備編)!

jQueryとは

jQueryとはオープンソースでJavaScriptの人気のライブラリです。
jQueryを使えばJavaScriptで書くと複雑なコードもjQueryを使えば簡単に書く事ができます。

 

公式サイト

jquery1-1

http://jquery.com/

 

ダウンロード

公式サイトのダウンロードページからjQuery本体をダウンロードします。

jquery1-2

jQuery 2.xは最新のブラウザにしか対応してませんので、jQuery 1.xの方にしましょう。
圧縮版の「Download the compressed, production jQuery 1.11.0」のファイルをダウンロードします。
ダウンロードしたjQuery本体をbodyの閉じタグの直前に読み込みます。

 

CDNを利用すればダウロードするより簡単に設置できますが、ネット環境が必要です。

jquery1-3

bodyの閉じタグの直前に読み込みます。

 

jQueryを書いてみよう!

それでは実際に書いてみましょう!

jQueryのコードの書く場所

jQueryのコードはjQueryの本体の後に書きましょう。

 

jQueryのコードの書き方

このドキュメントが読み込まれたら処理をするという意味です。
以下のような省略形でも使えます。

jQueryでコードを書く時には、ほとんどの場合このようにして書きますので決まり事として覚えておきましょう。

 

jQuery レッスンブック jQuery2.X/1.X対応
jQuery レッスンブック jQuery2.X/1.X対応

 

以上でjQuery初心者のための入門講座(準備編)でした。

topへ戻る