jquey学习(2)----jquery最简单的隔行高亮显示

//前提是你要导入jquery的库
$(function(){
$("#tab tbody tr:odd").css("backgroundColor","red");  //奇数行

$("#tab tbody tr:even").css("backgroundColor","red");   //偶数行

$("#tab tbody tr:eq(2)").css("backgroundColor","red");   //索引等于2

$("#tab tbody tr:gt(2)").css("backgroundColor","red");   //索引大于2

$("#tab tbody tr:lt(2)").css("backgroundColor","red");   //索引小于2



		
		});

 html代码

<table id="tab" border="1" cellpadding="0" cellspacing="0" width="70%">
	<tbody>
			<tr>
				<td>a</td><td>a</td><td>a</td><td>a</td>
			</tr>
			<tr>
				<td>b</td><td>b</td><td>b</td><td>b</td>
			</tr>
			<tr>
				<td>c</td><td>c</td><td>c</td><td>c</td>
			</tr>
			<tr>
				<td>d</td><td>d</td><td>c</td><td>c</td>
			</tr>
	
	</tbody>
</table>