◆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 件のコメント:
コメントを投稿