[gihyo.jp Web連載]第2回 楽にリストをストライプ模様にする
gihyo.jpのWeb連載「もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き)」で、『第2回 楽にリストをストライプ模様にする』が公開されました。
http://gihyo.jp/design/serial/01/jquery-site-production/0002
連載2回目は…
連載の2回目は1回目の補足みたいなもので、現在jQueryで対応しているセレクタを紹介しております。書いてあるのをみても、さっぱりーの内容ばかりだったりするのですが、セレクタは使ってみるのが一番です!
今回のサンプルのうち、フィルター関連についてまとめたサンプルは、その違いを学ぶのに便利なものにしたつもりです。
フィルター名のボタンをクリックするか、入力欄にて好きな数字などに変更してみてください。デモとして用意した3つの中身の数が違うリストのどこが選択されるかがテストできるようになっています。
「:first-child」と「:first」の違いや「:even」と「:nth-child(even)」の違いなど、使ってみないことにはわからないので、ぜひ試して、どこが選択されるのかチェックしてみてください。
第2回「楽にリストをストライプ模様にする」
http://gihyo.jp/design/serial/01/jquery-site-production/0002