Lista Zebrada com jQuery

O CSS tem uma opção para fazer isso, seria da seguinte forma:

ul.zebrada li:nth-child(2n+2) {
background-color: gray;
}

Porém, o lado negro da força (IE6) não permite que isso funcione no mundo real, para isso podemos usar o jQuery, ele vai faze o seletor da mesma forma como seria no CSS mas com uma sintaxe deferente, olha como vai ficar:

Item 1
Item 2
Item 3
Item 4
Item 5

Não se esqueça para funcionar você deve ter a biclioteca jQuery adicionada a sua página:

Trabalhe sempre com a versão atualizada:

http://docs.jquery.com/Downloading_jQuery

Leia Também:

• Casa & Construção