5分で分かる jQuery - いつも先延ばし。

オープンソース（MITライセンスとGPLのデュアルライセンス）のJavaScriptライブラリ。

JavaScriptで「AJAXでとってきたデータを挿入したい。終わったらアニメーションでメッセージ出して」みたいなことをCSS セレクタなどを活用しつつ割とラクに実現する。

http://scriptsrc.net/
一番左上のコピーを押せ。
押したらHTML内のに入れろ。

$('#title').css('color','red');

上記の内容で「id属性に'title' と指定された要素の style属性に color: red; を指定」することになる。

ここに試せる場所を用意したから試してみるべし。*1

さっきのところにコレ突っ込んでみろ。

$.get("./wagahai_first.txt", function(data){
  $('#contents').html(data);
});

解説するまでもないが、

jQueryのよいところは CSS のセレクタを使えるので HTML と CSS さえわかればとっつきやすいところだと思う。

Advent Calender に参加したことも無いし、こんなんでいいのかもわからないが、12/1なのに参加者が見あたらず勢いで書いた。

こういうイベントは大好きなので盛り上がるといいいな！