表格奇偶行设置不同颜色的核心JS代码
更新时间：2013年12月24日 15:33:39 作者：
表格奇偶行设置不同颜色，在某些情况下还是比较实用的，下面有个不错的示例，大家可以参考下，希望对大家有所帮助
这是一个比较实用的功能，设置奇偶行颜色不同后阅读表格数据的体验明显变好，否则数据会显得非常繁杂拥挤（当表格数据行多时体验尤为明显）。只有当你自己真正做这方面的东西接触到时才有强烈的体会，反正我是刚刚经历了，留在这里备参考吧~
核心JS脚本代码如下（table元素的id根据自己的情况调整，代码中的jquery-1.7.min.js可以到jquery的官网上下载）
<script src="jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
SetTableRowColor();
});
//用CSS控制奇偶行的颜色
function SetTableRowColor()
{
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</scirpt>
核心JS脚本代码如下（table元素的id根据自己的情况调整，代码中的jquery-1.7.min.js可以到jquery的官网上下载）
复制代码 代码如下:
<script src="jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
SetTableRowColor();
});
//用CSS控制奇偶行的颜色
function SetTableRowColor()
{
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</scirpt>
相关文章
$号是jQuery“类”的一个别称，$()构造了一个jQuery对象。所以，“$()”可以叫做jQuery的构造函数（个人观点，呵呵！）。2009-12-12
在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占了几百K的空间。那么我们如何才能改变这种状况呢，这就是今天我们要探讨的问题了。2015-03-03
在 jQuery UI 的最近更新中增加了自动完成控件 AutoComplete，这为我们提供了又一个强大的开发工具，这里介绍一下这个控件的使用方式。2011-06-06
jQuery EasyUI API 中文文档 搜索框 SearchBox 搜索框使用介绍，需要的朋友可以参考下。2011-09-09
这篇文章介绍了多行文本框(textarea)高度变化的操作，有需要的朋友可以参考一下2013-07-07
本文详细讲解了JQuery操作与遍历元素并设置其属性、样式和内容的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
jquery ajax示例包含界面及后台部分，经测试效果还不错，喜欢的朋友可以拿去用，或二次修改2013-11-11
今天小编就为大家分享一篇关于jquery层次选择器的介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章给大家介绍了jquery 图片轮播代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
如果你用过ASP.NET的数据绑定控件，也用过ASP或者JSP里那种通过输出HTML元素在页面上显示数据的方法，你就知道ASP.NET数据绑定控件有多么方便。如果能够将同样的功能在浏览器端用HTML和JavaScript实现，那该是多少美妙的事情。2010-05-05
最新评论