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

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

この記事の目次非表示

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

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

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

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

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

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

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

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

と書く事もできるみたい。 ↑ これ何か違うかも？後で調べてみる。

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

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

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

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

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

ありがとうございます。

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。