jQuery基礎

jQuery書き方1

jQuery(document).ready(function($){
 処理
});

JavaScriptと同じで、DOMが生成されてから処理を実行するという意味。
実はもっと短く書ける。

$(document).ready(function($){
 処理
});

もっと！

$(function($){
 処理
});

jQuery書き方2

$('セレクター').メソッド(引数);

セレクター＝要素の選択
メソッド(引数)＝実際に行う処理

jQueryメソッド

要素にクラスを追加する

$(function(){
$('p').addClass('color');
});

属性を取得、書き換える

$(function(){
$('a').attr('href','http://hoge.com/');
});

要素の内容が変わったら処理実行

$(function(){
$('input').change(function(){
alert('なかみがかわった');
});
});

クリックされたら処理実行

$(function(){
$('p').click(functin(){
alert('クリックされた');
});
});

まとめ

jQyeryはJSを簡単にかけるようにしたキット
使うには、ファイルを読み込むか、ネットから読み込む
外部ファイルにjQuery書く場合、jQueryファイルを読み込んでから外部ファイル読み込む
jQueryもJSと同じで、要素を選択→実際に行う処理という書き方です

ウェブカツ！！