jquery实现奇偶行赋值不同css值
2020-12-13 03:53
标签：style blog class code c java jquery实现奇偶行赋值不同css值,搜素材,soscw.com jquery实现奇偶行赋值不同css值 标签：style blog class code c java 原文地址：http://www.cnblogs.com/mingyue1818/p/3729619.html
html>
head>
title>jquery奇偶行css效果title>
script src="../../jquery/jquery.js" type="text/javascript">script>
style type="text/css">
/*table中偶数行*/
.tabEven
{
background: #9d8e8b;
}
/*table中奇数行*/
.tabOdd
{
background: #ffffff;
}
style>
script type="text/javascript">
$(document).ready(function () {
$("#datalist tr:even").addClass("tabEven");//给偶数行加样式
$("#datalist tr:odd").addClass("tabOdd"); //给奇数行加样式
});
script>
head>
body>
table id="datalist">
tr>td>第1行td>tr>
tr>td>第2行td>tr>
tr>td>第3行td>tr>
tr>td>第4行td>tr>
tr>td>第5行td>tr>
table>
body>
html>
上一篇：Java里的main()报错
下一篇：python初识及比变量