<script type="text/javascript">
$(function() {
// linhas pares
$('table#zebrar tr:even').css('background','#fff799');
// linhas ímpares
$('table#zebrar tr:odd').css('background','#fbf7cc');
// primeira linha
$('table#zebrar tr:eq(0)').css('background','#ff0000');
});
</script> |
<script type="text/javascript">
$(function() {
// linhas pares
$('table#zebrar tr:even').css('background','#fff799');
// linhas ímpares
$('table#zebrar tr:odd').css('background','#fbf7cc');
// primeira linha
$('table#zebrar tr:eq(0)').css('background','#ff0000');
});
</script>
<table width="40%" border="1" cellspacing="0" cellpadding="0" id="zebrar">
<tr align="center">
<th>COD</th>
<th>NOME</th>
</tr>
<tr>
<td align="center">001</td>
<td>FULANO DE TAL</td>
</tr>
<tr>
<td align="center">002</td>
<td>CICLANO</td>
</tr>
<tr>
<td align="center">003</td>
<td>BELTRANO</td>
</tr>
</table> |
<table width="40%" border="1" cellspacing="0" cellpadding="0" id="zebrar">
<tr align="center">
<th>COD</th>
<th>NOME</th>
</tr>
<tr>
<td align="center">001</td>
<td>FULANO DE TAL</td>
</tr>
<tr>
<td align="center">002</td>
<td>CICLANO</td>
</tr>
<tr>
<td align="center">003</td>
<td>BELTRANO</td>
</tr>
</table>
odd: seleciona todas as linhas ímpares.
even: seleciona todas as linhas pares.