jquery隔行变色

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>

        <script src="jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">
            // 入口函数
            $(document).ready(function() {
                var jqLi = $("li");
                for (var i = 0; i < jqLi.length; i++) {
                    if (i % 2 == 0) {
                        jqLi[i].style.backgroundColor = "red";
                    } else {
                        jqLi[i].style.backgroundColor = "yellow";
                    }
                }
            });
        </script>
    </head>
    <body>
        <li>我是中国人</li>
        <li>我是中国人</li>
        <li>我是中国人</li>
        <li>我是中国人</li>
        <li>我是中国人</li>
    </body>
</html>
image
posted @ 2020-10-11 13:49  thomas_blog  阅读(120)  评论(0编辑  收藏  举报