2011-01-12

jQuery -はじめに-

◆jQuery

・通常のjavascriptとは違ったやり方でjavascriptの命令ができる。
・CSSに似ている、覚えやすい、わかりやすい。

◆jQueryの使い方

・一般的なやり方
ローカルにjQuery.jsをダウンロード
使うjsファイルより前に置いておく。


・googleのサービス(Google AJAX API)を使う。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery","1.3.2");</script>
<script src="js/test.js" ></script>


もしくは、

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="js/test.js" ></script>

※HEAD内にある場合はこれでも可

バージョンを細かく設定しなければ(省略)、最新版をキャッシュしてくれる。
もし、バグ等が起きた場合はそれも反映されてしまうが、
キャッシュ有効期限が短いので省略がおすすめ?



◆jsファイル、書き方【基本】
・基本形式
$(function(){★★★});jQueryの関数(ready関数)

HTMLを読み終わった後に、実行して下さいね。の意

※必ず↑↑の形式に入れてから↓の★マークの中に、イベント等をかく。


★★★の中

$(”セレクター”).jQueryの命令





セレクターについて→

属性セレクターについて→
jQuery独自のフィルターについて→

.jQueryの命令について




◆ざっくりいうと

○○が○○したときに○○になる。
  ↓↓↓
セレクター】が【イベント】したときに【命令】になる。

0 件のコメント:

コメントを投稿

アマゾン和書/最新の情報