×

用jQuery实现表格隔行背景的效果

作者:louis2017.10.17来源:Web前端之家浏览:10430评论:0
关键词:JQueryJS

 用jQuery实现表格隔行背景的效果,这是一个比较实用的功能,设置奇偶行颜色不同后阅读表格数据的体验明显变好,否则数据会显得非常繁杂拥挤(当表格数据行多时体验尤为明显)。只有当你自己真正做这方面的东西接触到时才有强烈的体会,反正我是刚刚经历了,留在这里备参考吧~

核心JS脚本代码如下(table元素的id根据自己的情况调整) 。代码如下:

<script> 
$(document).ready(function(){ 
SetTableRowColor(); 

}); 
//用CSS控制奇偶行的颜色 
function SetTableRowColor() 
{ 

$("#Table tr:odd").css("background-color", "#e6e6fa"); 
$("#Table tr:even").css("background-color", "#fff0fa"); 
} 
</scirpt>

您的支持是我们创作的动力!
温馨提示:本文作者系louis ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1488124800616.html

网友评论文明上网理性发言 已有0人参与

发表评论: