为表格中的交替行设置样式的最佳方法是什么？

显然,奇数/偶数行的实际样式将通过CSS类完成,但将类"附加"到行的最佳方法是什么？将它放在标记中是更好的,还是通过客户端javascript更好？哪个更好？为什么？

为简单起见,我们假设这是一个大表,100行,并且颜色方案是交替的奇数/偶数行.另外,在页面的其他地方需要某种可以轻松完成此操作的javascript库,因此该包的开销不是一个因素.

这个问题的真正目标是确定所涉及的权衡取舍以及如何处理这些权衡,例如如果页面在负载下遇到服务器的性能命中(假设是动态表),带宽命中对于具有较低连接速度的用户,通过向HTML添加额外的布局代码来实现语义命中(这里的想法是HTML用于内容,CSS用于布局,javascript用于内容的行为以及控制/扩充布局)

您可以使用jQuery轻松完成此操作,如下所示:

$(function(){
    $('tr:even').addClass('alternateClass');
    $('tr:odd').addClass('mainClass');
});

如果您只想在一个特定的表上执行此操作,则可以对选择器进行更多限定,或者也可以在"li"元素上执行此操作.

我认为这比一些服务器端环境中的客户端更清晰,更易读,

我把它放在标记(服务器端).它需要服务器不到一毫秒才能完成rowNum = (rowNum - 1) * -1当网站运行缓慢因为javascript正在执行时,这是我的一个小小的烦恼.