今更jQuery

要素の作成＆追加

↓こんな感じでDOMで要素を作ってappendしてたのを、jQueryだとどうやるのがいいのかなーと、

(function(){
var foo = document.getElementById('foo');
var a = document.createElement("a");
a.href = "http://d.hatena.ne.jp/y-kawaz/";
a.appendChild(document.createTextNode("y-kawazの日記"));
foo.appendChild(a);
)();

↓一番適当なのはこんな感じだけどコレだとベタ過ぎてクールじゃないし、要素作るところだけDOMで書くのもダサイなぁって思ったが、

$('#foo').html('<a href="http://d.hatena.ne.jp/y-kawaz/">y-kawazの日記</a>');

↓こんな感じに書くとjQueryっぽいのかな。

$('#foo').append(
  $('<a>').attr('href', 'http://d.hatena.ne.jp/y-kawaz/').text('y-kawazの日記');
);

リファレンス的なリンク