準備
ここから最新版をDL。
圧縮版の Minified と非圧縮版の Uncompressed があって、普通は読み込みが早いので圧縮版を使う。(圧縮版は改行とかが無い)
圧縮版のファイル名は「jquery-x.x.x.min.jp」となっている。(「min」がついてる)
バージョンについて
Ver1系とVer2系があるが、Ver2系はIE6~8をサポートしてない。
CDNの利用
CDNを使う場合はこちら。
書き方
一番の基本。これを書かないと動かない!
1 2 3 |
$(function(){ //ここに処理を書く }); |
以下が正確な書き方だけどあまり使わないと思う。
1 2 3 |
$(document).ready(function(){ //ここに処理を書く }); |
「HTMLの読込が終わったら処理を実行」という意味。
次の基本。コードの書き方の基本形。
$(“セレクタ”).メソッド(パラメータ);
例)$(“h3”).css(“color”,”red”);
意味:h3のcolorをredにする。
セレクタについて
CSSとほぼ同じ。
$(“p a”)
子孫セレクタ。p要素の中のaに対して処理を行う。
$(“.head”)
clsssセレクタ。class名がheadの要素に対して処理を行う。
$(“#logo”)
IDセレクタ。id名がlogoの要素に対して処理を行う。
$(“#logo,#navi”)
グループセレクタ。id名がlogoとnaviの要素に対して処理を行う。
$(“a[target=’_blank’]”)
属性セレクタ。a要素でかつtargetが_blankの要素に対して処理を行う。
他にも色々あるけどこのような感じ。
くわしくはここから。jQuery日本語リファレンス「selector」。
メソッドについて
くわしくはここから。jQuery日本語リファレンス「CSS」。
jQuery日本語リファレンス「Attributes」。
参考URL
http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/