jquery 表格操作

时间：2014-05-24 10:33:02 收藏：0 阅读：198
<title></title>
    <script src="jquery-1.8.3.js"></script>
    <script>
        $(function () {
            $(‘#tb tr:eq(0)‘).css({ "background-color": "gray", "height": "60px" });
            $(‘#tb tr:not(:eq(0)):odd‘).css("background-color", "yellow");
            $(‘#tb tr:not(:eq(0)):even‘).css("background-color", "green");
            var bg;
            $(‘#tb tr:not(:eq(0))‘).hover(function () {
                bg = $(this).css("background-color");

                $(this).css("background-color", "red");
            }, function () {
                    $(this).css("background-color", bg);
            })
        })

    </script>
</head>
<body>
    <table border="1" id="tb">
        <tr>
            <th>adfafa</th>
            <th>adfadf</th>
            <th>adfadf</th>
            <th>adfadf</th>
            <th>adfadf</th>
            <th>adfadf</th>
        </tr>
        <tr>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
        </tr>
        <tr>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
        </tr>
        <tr>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
        </tr>
        <tr>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
        </tr>
        <tr>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
            <td>a</td>
        </tr>

    </table>
</body>
</html>
jquery 表格操作,布布扣,bubuko.com