jQueryの基本

準備

ここから最新版をDL。
圧縮版の Minified と非圧縮版の Uncompressed があって、普通は読み込みが早いので圧縮版を使う。（圧縮版は改行とかが無い）
圧縮版のファイル名は「jquery-x.x.x.min.jp」となっている。（「min」がついてる）

Ver1系とVer2系があるが、Ver2系はIE6～8をサポートしてない。

CDNを使う場合はこちら。

一番の基本。これを書かないと動かない！

$(function(){
  //ここに処理を書く
});

$(function(){

//ここに処理を書く

});

以下が正確な書き方だけどあまり使わないと思う。

$(document).ready(function(){
  //ここに処理を書く
});

$(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」。