jQuery

　

イベント処理はWebページが読み込まれてから処理するように特別の記述を必ず入れる。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
下の「 window.onload = function()」のように画像などの全ての外部ソースのロードを待たなくても、ブラウザがHTMLをDOMツリーに変換し終わった時点で処理が実行される。

$(document).ready(function)() {
/*イベント処理の設定*/
} );
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
処理部のコードは、HTML文書が完全にロードされたあとで実行されます。
つまり、onloadを用いると画像、動画、Flash等の全ての外部リースが完全にロードされ、ページがブラウザ画面に表示されるまで処理を待つという事ですね。


window.onload = function() {
/*イベント処理の設定*/
}
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
正式な構文を、略して書く方法がこれ。一番上と同じスクリプトになる。
jQuery(function() {
/*イベント処理の設定*/
});
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
イベント処理で用いられる　$(this)　は
イベントが起こった箇所の要素を指している。