「あとで」読まずに今すぐ始める
40分で覚える！jQuery速習講座
2010年02月16日 11時00分更新
 |
|---|
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？
そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。
【0分目：導入編】
jQueryのダウンロードと利用方法
jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
 |
|---|
 |
|---|
| jQueryは公式サイト。「Download jQuery」から最新のjQueryをダウンロードできる |
グーグルのWebサービス「Google AJAX Libraries API」を利用すると、jQuery本体をサーバーにアップしなくてもすぐに使えます。
 |
|---|
 |
|---|
| Google AJAX Libraries APIではjQuery以外にも、「jQuery UI」「Prototype」「script.aculo.us」「MooTools」など主要なライブラリーが直接利用できるよう提供されている |
【3分目：導入編】
jQueryのコードを記述する場所
jQueryのコードは、jQueryを読み込んだ後のscript要素内に、次のような書式で記述していきます。
 |
|---|
なお、上のコードは$(document).ready()の省略形ですので、次のように書いてもOKです。
 |
|---|
jQueryはページの読み込みが完了した後に、記述した処理を実行します。
![うしまん [デジタル写真集]](http://ecx.images-amazon.com/images/I/51X-TDatRGL._SL75_.jpg "うしまん [デジタル写真集]")
