码迷,mamicode.com
首页 > Web开发 > 详细

jquery隔行变色

时间:2020-11-12 13:51:25      阅读:14      评论:0      收藏:0      [点我收藏+]

标签:i++   fun   pre   dev   port   query   com   viewport   中国人   

<!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>
技术图片

jquery隔行变色

标签:i++   fun   pre   dev   port   query   com   viewport   中国人   

原文地址:https://www.cnblogs.com/zhangxuechao/p/13797219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!