今更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の日記'); );
リファレンス的なリンク
- jQuery日本語リファレンス - とりあえずここ見る
- jQuery UI - ドラッグとかタブとかやりたいときはこれを使う
- ThemeRoller | jQuery UI - CSSテーマとかもjqueryuiで
- 第5回 jQuery UIによるユーザインターフェースの改良:jQueryではじめるAjax|gihyo.jp … 技術評論社 - 参考
- http://code.google.com/intl/ja/apis/ajaxlibs/ - 使えるものはなるだけgoogle.loadで読み込ます
- jQuery の配列系のメソッドをメモしとこ - てっく煮ブログ 跡地
- jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ 跡地