JQuery

readyイベント †

[edit]

javaScriptは（基本的に）head領域に書かれるためbody領域よりも先に読み込まれます。jQueryではhtmlの様々な要素を操作できますが「読み込まれていないもの」を操作することはできません。ですのでhtmlの「ページ構成」を読み込んでから操作を開始するようにする必要があります。

そこで利用するのがreadyイベントです。ポイントはページ全体（画像などを含む）の読込ではなく、ページ構成（DOM要素）を読み込んだ時点で処理するため、ページを表示する前に様々な準備ができる点です。

readyイベントの処理はfunctionで設定しなければならない

jQuery(document).ready(
    /*--------------------------------------------------
    ページ構成が読み込まれたら この()内の処理が実行されます。
    ---------------------------------------------------*/
);

下記の書き方もいいです。

$(
    /*--------------------------------------------------
    ページ構成が読み込まれたら この()内の処理が実行されます。
    ---------------------------------------------------*/
);

無名関数 †

[edit]

$(function () {
    $("img").hide();
});

jQueryオブジェクトの作成 †

[edit]

jQuery(セレクタ)

下記の書き方もいいです。

$(セレクタ)

セレクタとはjQueryの仕組みではなく、cssにおいて対象を指定する仕組み。

※クォートが必要なことに注意してください

使用例：

$(function () {
    $("img").hide();
});

this †

[edit]

thisはイベントで設定したfunction内で利用すると、イベントが発生した要素を指します。

function overFunc(){
    $(this).css("background-color", "#FC6");
}

コメント：

お名前:

(画像の文字列を入力して下さい)