交替行的 jQuery 表格样式与 CSS 表格样式

Question

对于在服务器上生成的奇数/偶数行，使用带有表类的 CSS 还是使用 jQuery 在 document.Ready() 上设置条纹样式更快/更好？

我想开始使用 jQuery 来使我的标记不那么困惑，但我不确定性能，尤其是对于较大的(最多 200 行)表格。

Answer 1

根据浏览器的不同，您可能没有选择。 jQuery 将适用于没有第 N 个子选择器的旧版浏览器，如 IE7。

理想情况下，您应该使用 css。样式表是放置样式的最佳位置。

我会为旧浏览器使用带有 javascript 备份的 css。例如，如果您想对所有表进行斑马处理，请尝试以下操作:

tr:nth-child(2n+1), tr.odd { background:#911100; }
tr:nth-child(2n), tr.even { background:#222200; }

如果浏览器较旧，则在 jQuery 中添加 .odd 和 .even 类。

//You will need to check which browsers don't support n-th child. But I doubt IE will        for example...
if($.browser.msie && $.browser.version < 9) {
  $('tr:odd').addClass('odd');
  $('tr:even').addClass('even');
}