[ 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> に CSS のクラス ( testClass ) を追加します。

$(function(){
    $("p").addClass("testClass");
});

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

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

jQuery のリファレンスサイト

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

ありがとうございます。

2 Comments

Bowz

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

コメントを残す

メールアドレスが公開されることはありません。