表格行jquery的替代颜色 - Javascript

在编写网页中的表格时，我们通常会给表格的每一行设置不同的背景色，以便让用户更容易区分每一行数据。在以往，我们可能会使用jQuery来实现这一功能，但是现在，我们可以使用纯Javascript来实现这一效果。

实现思路：

1. 遍历表格中的每一行；
2. 判断当前行的序号是否为奇数或偶数；
3. 给奇数序号的行添加一种颜色，给偶数序号的行添加另一种颜色。

代码实现：

//获取表格元素
let table = document.getElementById('myTable');
//获取表格中的行数
let rows = table.getElementsByTagName('tr').length;
//遍历表格中的每一行
for(let i=0; i<rows; i++) {
  //判断当前行的序号是否为奇数或偶数
  if(i%2 == 0) {
    //给偶数序号的行添加颜色1
    table.rows[i].style.backgroundColor = "#F8F8F8";
  } else {
    //给奇数序号的行添加颜色2
    table.rows[i].style.backgroundColor = "#FFFFFF";
  }
}

这段代码首先获取了表格元素，并计算出表格中行的数量。然后通过一个循环遍历每一行，并根据行的序号判断所需的颜色。最后，通过设置每行的样式实现了表格行的交替颜色效果。

总结：

使用纯Javascript代替jQuery实现表格行替代颜色功能，能够减少网页加载时间，提高网页性能。以上代码可以应用于大多数表格中，如果需要自定义颜色，只需修改代码中给行添加颜色的代码即可。