用jp进行隔行换色

最新推荐文章于 2024-05-24 12:47:46 发布

高旭t-t

最新推荐文章于 2024-05-24 12:47:46 发布

阅读量125

点赞数

本文链接：https://blog.csdn.net/qq_42746098/article/details/82086451

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>呼呼</title>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script>
        $(function () {
            $("tbody>tr:even").css("background-color","red");   //  这里就是隔行换色的地方  间隔一个tr换一种颜色
            $("tbody>tr:odd").css("background-color","yellow");    //   even和odd实现
        })
    </script>
</head>
<body>
<table width="400" height="200" border="7" align="center">
    <tr>
        <td>编号</td>
        <td>姓名</td>
        <td>年龄</td>
    </tr>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>22</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>25</td>
    </tr>
    <tr>
        <td>3</td>
        <td>王五</td>
        <td>27</td>
    </tr>
    <tr>
        <td>4</td>
        <td>赵六</td>
        <td>29</td>
    </tr>
    <tr>
        <td>5</td>
        <td>田七</td>
        <td>30</td>
    </tr>
    <tr>
        <td>6</td>
        <td>汾九</td>
        <td>20</td>
    </tr>
</table>

</body>
</html>