jquery 隔行变色

jQuery是一个流行的JavaScript库，它简化了DOM操作和事件处理，使得网页交互更加方便。如果你想在HTML表格（如`<table>`）或列表中实现隔行变色的效果，你可以使用jQuery的简单遍历功能结合CSS样式来完成。以下是一个基本示例：

$(document).ready(function() {
    // 选择所有的tr元素（行）
    $('table tr').each(function(index) {
        // 如果索引是奇数，给行添加一个类，如even，如果偶数添加odd
        if (index % 2 === 0) {
            $(this).addClass('even');
        } else {
            $(this).addClass('odd');
        }
    });
    // 或者直接设置背景颜色：
    $('table tr:odd').css('background-color', '#f2f2f2');  // 奇数行白色背景
    $('table tr:even').css('background-color', '#ffffff'); // 偶数行白色背景
});

在CSS中，你可以为`.even`和`.odd`类定义不同的背景颜色，例如：

.even {
    background-color: #f2f2f2; /* 白色背景 */
}
.odd {
    background-color: #ffffff; /* 白色背景，但可能有不同的深浅 */
}