很多情况我们为了让显示的表格更加美观，会让表格的奇数行和偶数行分别显示不同的背景颜色，或其它不同的样式。
通常情况下，我们要在动态程序输出数据时，判断输出的行是奇数还是偶数，然后输出不同的样式，非常麻烦。
我们先来看看表格显示的效果：
| 0 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 1 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 2 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 3 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 4 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 5 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 6 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 7 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 8 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
| 9 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 | 文字内容文字内容 |
使用JSer轻松制作这种显示效果：
第一步：首先我们给表格指定一个唯一的ID值，如下：
<table id="mygrid" ...
第二步：定义表格的一种背景样式，如下：
<style type="text/css">
#mygrid{background-color:white} /*这儿定义为白色背景*/
</style>
第三步，编写脚本，设置表格的另外一种行背景样式：
<script type="text/ecmacript">
JSer.exec(function(){
JSer("#mygrid tr:odd").css("background-color","#eee");
});
</script>
效果轻松搞定!
此效果应用了JSer的伪类选择符“:odd”，选中表格的奇数行，并设置其背景颜色。
您可以点击此链接，浏览JSer在线帮助文档：http://www.jdiy.org/jser-doc/
鄂公网安备 42050302000160号
