用Jquery快速实现隔行变色

安哥网络

首先引入Jquery的js文件：<script language="javascript" type="text/javascript" src="script/jquery-1.6.2.js"></script>然后书写Jquery代码：
$(function(){
$("trdd").css("background-color","#c6fd60");
$("tr:even").css("background-color","#fff9aa");
});
最后书写HTML代码：
<table>
<tr>
  <td>我是偶数行</td>
</tr>
<tr>
  <td>我是奇数行</td>
</tr>
<tr>
  <td>我是偶数行</td>
</tr>
</table>

什么，想一行搞定，那好吧！
终极：
$("table tr:nth-child(odd)").css("background-color","#c6fd60");//奇数行变色，把odd换成even则是偶数行变色。
HTMl部分我用的是表格的方式，当然也可以用div或其他的方式随个人喜爱了，如果换成其他的记得Jquery代码也要做一点改动就是tr要换掉，比如div就把tr换成div，都懂的我就不多说了。
还有：哪一步该放哪儿相信有所了解html或jsp的童鞋都知道吧我就不赘述了。
代码写得不好，权当给自己看的，大家多多批评啊！
本文摘自：http://clowind.blog.163.com/blog/static/286901672011723111632838/