セレクターその２０（jQueryの独自フィルター　evenフィルター / oddフィルター）

jQuery セレクター

このセレクターは前にnth-child擬似クラスでちょっと出てきたからまぁ迷わんだろう。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        $("li:odd").css("color","red");
        $("li:even").css("color","blue");
      })
    </script>
  </head>
  <body>
    <ul>
      <li>ぱんぱかぱんつ</li>
      <li>ぱんぱかぱんつ</li>
      <li>ぱんぱかぱんつ</li>
      <li>ぱんぱかぱんつ</li>
    </ul>
  </body>
</html>

偶数行は青文字で、奇数行は赤文字で表示されると。