![]() |
|---|
いまや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はページの読み込みが完了した後に、記述した処理を実行します。
















