jQueryでいろいろな要素をストライプ（縞模様）にする。

jQueryでいろいろな要素をストライプ（縞模様）にする。

Posted: 2010.07.15 / Category: javascript / Tag: jQuery 最近テーブルとか、リストなんかをストライ...概要を表示 Posted: 2010.07.15 / Category: javascript / Tag: jQuery 最近テーブルとか、リストなんかをストライプ（縞模様）で表示されてるのとかよく見かけますね。 従来のHTMLでもこのような表現は可能でしたが、一行ごとにマークアップしなくてはいけないので地味に大変な作業でした。 そんな作業もjQueryを使えば簡単にできるみたいです。 リスト（li）ストライプをHTMLで作成 jQueryの前にHTML+CSSで作成してみます。 例えばリスト（li）なら２つのクラスを交互に割り当てていけばいいわけです。 クラス名はなんでもいいのですが、わかりやすく、偶数奇数の英語である、「even」「odd」一般的なようです。 ただそのまま訳すと偶数＝evenっぽいんですが、jQueryのセレクタでは偶数はoddなので、ややこしいですが偶数に「odd」クラスを割り

• jQuery