タグ

2013年1月12日のブックマーク (1件)

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

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

    jQueryでいろいろな要素をストライプ(縞模様)にする。
    rcorco
    rcorco 2013/01/12
    交互にclassをふるにはodd