【Java Web】表格处理

最新推荐文章于 2023-01-14 23:14:10 发布

-flop-

最新推荐文章于 2023-01-14 23:14:10 发布

阅读量382

点赞数

分类专栏： Java Web 文章标签：前端 javascript jquery

本文链接：https://blog.csdn.net/qq_33171309/article/details/127155423

版权

Java Web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

基于Java Web利用jQuery实现表格隔行换色功能，并对光标所在行添加特殊颜色标记。

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>隔行换色表格</title>
    <style type="text/css">
        .evenbcolor {
            background: red;
        }

        .oddbcolor {
            background: green;
        }

        .actbcolor {
            background: yellow;
        }
    </style>
    <script src="js/jquery-3.6.1.js"></script>
    <script>
        $(function () {
            $("tr:even").addClass("evenbcolor")
            $("tr:odd").addClass("oddbcolor")
            $("tr").hover(function () {
                $(this).addClass("actbcolor")
            }, function () {
                $(this).removeClass("actbcolor");
            })
        })
    </script>
</head>
<body>
<table width="400" border="1">
    <tr>
        <td>11
        <td>12
        <td>13
        <td>14
    <tr>
        <td>21
        <td>22
        <td>23
        <td>24
    <tr>
        <td>31
        <td>32
        <td>33
        <td>34
    <tr>
        <td>41
        <td>42
        <td>43
        <td>44
</table>
</body>
</html>