jquery-2.1.3.min.jsのロード jQueryは上記ライブラリーがないと動作しません。 自分でダウンロードしいて任意の場所に設置するか、下記のように直接読み込む方法もあります。
次に基本の型です。
jQuery(function($)は違う書き方もありますが、これを使えば問題なしです。次に何らかの処理の書き方は、$(セレクタ).メソッドです。'#dom'はid=domで定義した要素です。 document.getElementById('dom') に相当します。以下サンプルのソースです。 <!DOCTYPE html> <html> <head> <meta charset='UTF-8' /> <title>sample</title> <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script> <script> jQuery(function($) { $('#dom').css('color', 'red'); $('.aj').css('color', 'blue'); $('h1').css('color', '#f0f'); }); </script> </head> <body> <ul> <li id="js">JavaScript</li> <li id="dom">Document Object Model</li> <li id="jq">jQuery</li> <li class="aj">Ajax</li> </ul> <h1>jQuelyで幸せになるのか? </body> </html> classで定義したajのセレクタは'.aj'です。 タグh1もセレクタとして扱うことができます。このサンプルの結果です。 |