[ JavaScript ] jQuery の基本的な書き方

今更ながら、jQuery の基本的な書き方を勉強したのでメモしておきます。

jQuery 以外のライブラリと [ $ ] が競合しないようにする
———————————————————————-

jQuery(function($){
// この中では $ は jQuery として扱われる
});

ページの読み込みが完了した時に関数を実行する
———————————————————————-

次の例では、ページの読み込みが完了した時に関数 test() を実行します。

$(document).ready(function() {
test();
});

次のように省略して書くことも出来る。

$(function(){
test();
});

上のように書いてもうまく動作しない時は、

jQuery.event.add(window,”load”,function(){test();});

と書く事もできるみたい。

↑ これ何か違うかも？ 後で調べてみる。

CSS セレクタを利用して、CSS スタイルを適用する ( css )
———————————————————————-

次の例では、`

` タグに囲まれた文字を赤にします。

$(function(){
$(“p”).css(“color”,”red”);
});

CSS セレクタを利用して、CSS クラスを適用する ( addClass )
———————————————————————-

次の例では、`

` に CSS のクラス ( testClass ) を追加します。

$(function(){
$(“p”).addClass(“testClass”);
});

– [Sample](/wp-content/uploads/2010/03/jquery/01.html)

ファイルを読み込む ( Ajax )
———————————————————————-

$(document).ready(function() {
$(‘#hoge’).load(‘./03.txt’);
});