页面中的HTML代码如下:
<table width="383" height="257" border="1" align="center">
<tr>
<td width="121"><div align="center">学号</div></td>
<td width="171"><div align="center">姓名</div></td>
<td width="139"><div align="center">专业</div></td>
</tr>
<tr>
<td><div align="center">01dd0101</div></td>
<td><div align="center">小陈</div></td>
<td><div align="center">小学教育</div></td>
</tr>
<tr>
<td><div align="center">01d0505</div></td>
<td><div align="center">小王</div></td>
<td><div align="center">计算机</div></td>
</tr>
<tr>
<td><div align="center">01d0205</div></td>
<td><div align="center">小刘</div></td>
<td><div align="center">高数</div></td>
</tr>
</table>
应用jQuery技术,实现表格的隔行变色,即表格中奇数行是一种颜色,偶数行是一种颜色
求个大佬,有代码那种
<table width="383" height="257" border="1" align="center">
<tr>
<td width="121"><div align="center">学号</div></td>
<td width="171"><div align="center">姓名</div></td>
<td width="139"><div align="center">专业</div></td>
</tr>
<tr>
<td><div align="center">01dd0101</div></td>
<td><div align="center">小陈</div></td>
<td><div align="center">小学教育</div></td>
</tr>
<tr>
<td><div align="center">01d0505</div></td>
<td><div align="center">小王</div></td>
<td><div align="center">计算机</div></td>
</tr>
<tr>
<td><div align="center">01d0205</div></td>
<td><div align="center">小刘</div></td>
<td><div align="center">高数</div></td>
</tr>
</table>
应用jQuery技术,实现表格的隔行变色,即表格中奇数行是一种颜色,偶数行是一种颜色
求个大佬,有代码那种
解决方案 »
- javascript函数能传引用吗
- 拜个年,虎年吉祥好远连连
- 如何一行一行删除附件
- 从WORD中粘贴一篇文章到 HTML在线编辑器中时候,编辑器如何知道文章是从WORD粘贴过来的??
- 不是通过src,Js动态设置iframe中的内容
- 为什么onsubmit返回false,表单还是提交
- 怎么样将设为主页做成js函数?
- 这段Javascript的类定义的方式真是没见过,有人能解释一下吗????
- 如何用ASP和Javascript用数据库中的权限控制树状目录的显隐
- 如何实现从窗体A的弹出窗口B中选择信息后,重新置入A?
- 设计一个程序,使用数组接收用户输入的7门功课的成绩,然后在页面上显示其总成绩和平均分,并列出不及格的成绩.
- 前端
$('tr:eq(odd)').css('backgroundColor': red)css也可以控制隔行变色
tr:nth-of-type(odd){
background-color: red;
}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- <style>
tr:nth-of-type(even){
background-color: pink;
}
</style> -->
<script src="./jquery.min.js"></script>
<script>
$(function(){
$('table tr:odd').css('background', 'pink')
})
</script>
</head>
<body>
<table width="383" height="257" border="1" align="center">
<tr>
<td width="121"><div align="center">学号</div></td>
<td width="171"><div align="center">姓名</div></td>
<td width="139"><div align="center">专业</div></td>
</tr>
<tr>
<td><div align="center">01dd0101</div></td>
<td><div align="center">小陈</div></td>
<td><div align="center">小学教育</div></td>
</tr>
<tr>
<td><div align="center">01d0505</div></td>
<td><div align="center">小王</div></td>
<td><div align="center">计算机</div></td>
</tr>
<tr>
<td><div align="center">01d0205</div></td>
<td><div align="center">小刘</div></td>
<td><div align="center">高数</div></td>
</tr>
</table>
</body>
</html>
tr:nth-of-type(even){
background-color: pink;
}
</style> -->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- <style>
tr:nth-of-type(even){
background-color: pink;
}
</style> -->
<script src="./jquery.min.js"></script>
<script>
$(function(){
$('table tr:odd').css('background', 'pink')
})
</script>
</head>
<body>
<table width="383" height="257" border="1" align="center">
<tr>
<td width="121"><div align="center">学号</div></td>
<td width="171"><div align="center">姓名</div></td>
<td width="139"><div align="center">专业</div></td>
</tr>
<tr>
<td><div align="center">01dd0101</div></td>
<td><div align="center">小陈</div></td>
<td><div align="center">小学教育</div></td>
</tr>
<tr>
<td><div align="center">01d0505</div></td>
<td><div align="center">小王</div></td>
<td><div align="center">计算机</div></td>
</tr>
<tr>
<td><div align="center">01d0205</div></td>
<td><div align="center">小刘</div></td>
<td><div align="center">高数</div></td>
</tr>
</table>
</body>
</html>
顺便一问,咋给分啊