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

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

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

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

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

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

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

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

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

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

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

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

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

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

次の例では、<p> タグに囲まれた文字を赤にします。

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

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

次の例では、</p><p> に CSS のクラス ( testClass ) を追加します。

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

Sample

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

$(document).ready(function() {
    $(‘#hoge’).load(‘./03.txt’);
});
</p><div id="hoge">

Sample

jQuery のリファレンスサイト ———————————————————————-

jQuery 開発者向けメモjQuery 日本語リファレンス

参考にさせてもらったページ ———————————————————————-

プログラマ視点でみた jQuery の魅力 – EC studio 技術ブログ

ありがとうございます。

2 COMMENTS

Bowz

履歴書の書き方の見本 さん、コメントありがとうございます。 また、遊びに来てくださいねー。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です