※2012年8月5日追記: テーブルが2つ以上あると色がおかしくなるバグがありました。jquery.paint_table.jsを以下のようにすると直ります。
//var numTh = $("table").find("th").length;
var numTh = $(this).find("th").length;
// $("table tr").each(function() {
$(this).find("tr").each(function() {
この記事では、CSS3とjQueryを使ってテーブルの背景色を奇数と偶数で変更する、4種類のサンプルを載せています。その4種類は、「CSS3を利用」・「jQueryを利用」・「jQueryを利用(rowspanあり)」・「jQueryを利用(rowspanあり+プラグイン化)」です。