jQuery实现过滤器

最新推荐文章于 2025-02-11 06:06:30 发布

liu_111111

最新推荐文章于 2025-02-11 06:06:30 发布

阅读量773

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签：过滤器

本文链接：https://blog.youkuaiyun.com/liu_111111/article/details/8702854

jQuery 专栏收录该内容

47 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#table1 tr:first').css('font-size', '30px');
            $('#table1 tr:last').css('color', 'red');
            $('#table1 tr:gt(0):lt(3)').css('fontSize', '28px');
            $('#table1 tr:odd').css('backgroundColor', 'red');
        });
    </script>
</head>
<body>
    <table id="table1" border="1">
        <tr>
            <td>
                姓名
            </td>
            <td>
                分数
            </td>
        </tr>
        <tr>
            <td>
                zhangsan
            </td>
            <td>
                100
            </td>
        </tr>
        <tr>
            <td>
               lisi 
            </td>
            <td>
                99
            </td>
        </tr>
        <tr>
            <td>
                wangwu
            </td>
            <td>
                98
            </td>
        </tr>
        <tr>
            <td>
                zhaoliu
            </td>
            <td>
                97
            </td>
        </tr>
        <tr>
            <td>
                zhouba
            </td>
            <td>
                97
            </td>
        </tr>
        <tr>
            <td>
                平均分
            </td>
            <td>
                98
            </td>
        </tr>
    </table>
</body>
</html>