jQueryでテーブル(table)を操作する小回り系コード5種

1.テーブルをストライプ模様にする

商品名 入荷日 価格
椅子 2011-08-01 ¥ 2,800
2011-08-08 ¥ 6,800
本棚 2011-09-03 ¥ 9,800
ベッド 2011-09-11 ¥ 16,800
自転車 2011-09-21 ¥ 98,000

2.指定列にクラスを追加する

商品名 入荷日 価格
椅子 2011-08-01 ¥ 2,800
2011-08-08 ¥ 6,800
本棚 2011-09-03 ¥ 9,800
ベッド 2011-09-11 ¥ 16,800
自転車 2011-09-21 ¥ 98,000

3.マウスオーバーで色を変える

商品名 入荷日 価格
椅子 2011-08-01 ¥ 2,800
2011-08-08 ¥ 6,800
本棚 2011-09-03 ¥ 9,800
ベッド 2011-09-11 ¥ 16,800
自転車 2011-09-21 ¥ 98,000

4.連番IDの列(カラム)を追加する

商品名 入荷日 価格
椅子 2011-08-01 ¥ 2,800
2011-08-08 ¥ 6,800
本棚 2011-09-03 ¥ 9,800
ベッド 2011-09-11 ¥ 16,800
自転車 2011-09-21 ¥ 98,000

5.一定の数値ごとに色を変化させる

商品名 入荷日 価格
椅子 2011-08-01 ¥ 2,800
2011-08-08 ¥ 6,800
本棚 2011-09-03 ¥ 9,800
ベッド 2011-09-11 ¥ 16,800
自転車 2011-09-21 ¥ 98,000