jquery隔行变色 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul>
    <li>我是第1个li</li>
    <li>我是第2个li</li>
    <li>我是第3个li</li>
    <li>我是第4个li</li>
    <li>我是第5个li</li>
    <li>我是第6个li</li>
    <li>我是第7个li</li>
    <li>我是第8个li</li>
    <li>我是第9个li</li>
    <li>我是第10个li</li>
</ul>
</body>
<script src="jquery-1.12.4.js"></script>
<script>
    $(function () {
        //这样写不会报错
        var lis = $("li");
        //lis:jq对象
        //lis[i]:Dom对象。通过下标取出来了
        for(var i = 0; i < lis.length; i++) {
            if(i % 2 == 0) {
                lis[i].style.backgroundColor = "pink";
            }else {
                lis[i].style.backgroundColor = "hotpink";
            }
        }
    });
</script>
</html>

 

posted @ 2018-10-17 14:21  {颜逸}  阅读(333)  评论(0)    收藏  举报