［jQuery］jQueryの基本
- jQueryはJavaScriptの１つ。
- CSS（Cascading Style Sheets）に近い記述方法をする
- クロスブラウザー設計（ブラウザーによる実装の差異がほとんどない、見た目が同じ）
- HTMLとCSSを操作するためのプログラミング言語
jQueryを使う準備
２つの方法
① jQueryファイルをダウンロードして読み込む
メリット：ページをサーバーにアップする前の段階で使える方法
② 外部にあるソース（GoogleAPIなどのCDN）にリンクする
メリット：スマホ・ガラケーはjQueryをダウンロードしないため、
携帯向けページに有効な方法
１．jQueryをダウンロードする
ファイルサイズが軽い圧縮版（the compressed）がおすすめ
「別名でリンク先を保存」
サーバーにアップロードするか、PC内に保存
【記述方法】
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.11.2.min.js（ファイルのディレクトリ）"></script>
</head>
<body>
HTMLを記述
<script>
jQueryの処理をここに記述
</script>
</body>
２．jQueryをダウンロードせず、外部のソースにリンクする
CDN（Content Delivery Network Service）を利用する
jQuery CDN
http://code.jquery.com/jquery-1.11.0.min.js
http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
【記述する場所】
<head>
・・・・・・
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
jQueryの処理のタイミング
scriptが読み込まれた段階でscript要素内に記述された命令を実行する
↓
body要素の前のhead要素内にbody要素内のHTMLを操作する命令を書いても、完全に読み込んでいないのでHTMLが表示されない
↓
readyメソッドを使う
$ ( function ( ) {
jQueryの処理を記述
} ) ;
