运用js使第一个table变色/隔行变色

最新推荐文章于 2024-07-12 18:29:20 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2024-07-12 18:29:20 发布

阅读量527

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/Guoyu1_/article/details/85760269

版权

js 专栏收录该内容

83 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使第一个table变色/隔代变色</title>
    <script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<table style="width: 350px;height: 50px;">
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>
<table style="width: 350px;height: 50px;">
    <tr>
        <td>a</td>
        <td>b</td>
    </tr>
</table>

<table class="tab" style="width: 350px;height: 50px;border: 1px solid #000">
    <tr>
        <td>a</td>
        <td>b</td>
    </tr>
    <tr>
        <td>11</td>
        <td>22</td>
    </tr>
    <tr>
        <td>111</td>
        <td>222</td>
    </tr>
    <tr>
        <td>1111</td>
        <td>2222</td>
    </tr>
</table>
<script>
    $(function () {
        $('table :first').css('background','red');
        $('.tab tr:even').css('color','blue');
        $('.tab tr:odd').css('color','green');
    })
</script>
</body>
</html>

效果图：