//实现table隔行变色超级简单的代码
<style type="text/css">
.one{
background:#C00;
}
.two{
background:#09F;
}
</style><script type="text/javascript" language="javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("tr:even").addClass("one");//奇数行
$("tr:odd").addClass("two");//偶数行
}
);
</script>
<table width="300" border="1" class="color">
<tr>
<td></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
jQuery实现隔行变色
最新推荐文章于 2023-11-14 19:48:16 发布