<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('tr:even').css('background-color', '#eee'); //获取img集合中所有下表为偶数的元素
$('tr:odd').css('background-color', 'yellow');
// $('#tbStu tr:nth-child(even)').addClass('trOdd');
})
</script>
</head>
<body>
<table id="tbStu" cellpadding="0" cellspacing="0">
<tr><th>出游时间 </th><th>出游地</th><th>出游方式</th><th>预计花费</th></tr>
<tr><td>元旦</td><td>三亚</td><td>飞机</td><td>2000</td></tr>
<tr><td>春节</td><td>泰国</td><td>飞机</td><td>2500</td></tr>
<tr><td>清明 </td><td>大唐芙蓉园</td><td>火车</td><td>1500</td></tr>
<tr><td> 五一 </td> <td> 颐和园</td><td> 火车</td><td>100</td></tr>
<tr><td>端午</td><td>周庄</td><td>火车</td><td>1000</td></tr>
<tr><td>十一</td><td>满城</td><td>汽车</td><td>30</td></tr>
</table>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('tr:even').css('background-color', '#eee'); //获取img集合中所有下表为偶数的元素
$('tr:odd').css('background-color', 'yellow');
// $('#tbStu tr:nth-child(even)').addClass('trOdd');
})
</script>
</head>
<body>
<table id="tbStu" cellpadding="0" cellspacing="0">
<tr><th>出游时间 </th><th>出游地</th><th>出游方式</th><th>预计花费</th></tr>
<tr><td>元旦</td><td>三亚</td><td>飞机</td><td>2000</td></tr>
<tr><td>春节</td><td>泰国</td><td>飞机</td><td>2500</td></tr>
<tr><td>清明 </td><td>大唐芙蓉园</td><td>火车</td><td>1500</td></tr>
<tr><td> 五一 </td> <td> 颐和园</td><td> 火车</td><td>100</td></tr>
<tr><td>端午</td><td>周庄</td><td>火车</td><td>1000</td></tr>
<tr><td>十一</td><td>满城</td><td>汽车</td><td>30</td></tr>
</table>
</body>
</html>
实现以下效果: