用jQuery实现隔行变色
时间: 2023-11-16 15:24:20 浏览: 97
jquery 实现隔行换色
您好!要使用jQuery实现隔行变色,可以使用以下代码:
```javascript
$(document).ready(function(){
// 选择表格中需要变色的行
$("tr:even").css("background-color", "#f2f2f2");
$("tr:odd").css("background-color", "#ffffff");
});
```
上述代码中,`$(document).ready()` 用于确保文档加载完成后再执行代码。`$("tr:even")` 选择表格中的偶数行,`$("tr:odd")` 选择表格中的奇数行。`css("background-color", "#f2f2f2")` 和 `css("background-color", "#ffffff")` 用于设置偶数行和奇数行的背景色。
希望能对您有所帮助!
阅读全文