美文网首页
隔行变色

隔行变色

作者: 琪33 | 来源:发表于2018-04-25 10:54 被阅读0次
jQuery(function () {
            var jqLi = $("li");
//            console.log(jqLi);
//            console.log(jqLi.length);
            for(var i=0;i<jqLi.length;i++){
                if(i%2===0){
                    //jquery对象,转换成了js对象。
                    jqLi[i].style.backgroundColor = "red";
                }else{
                    jqLi.get(i).style.backgroundColor = "yellow";
                }
            }
        });
    </script>
</head>
<body>
<ul>
    <li>班长今天老帅了,嗷嗷帅...</li>
    <li>班长今天老帅了,嗷嗷帅...</li>
    <li>班长今天老帅了,嗷嗷帅...</li>
    <li>班长今天老帅了,嗷嗷帅...</li>
    <li>班长今天老帅了,嗷嗷帅...</li>
    <li>班长今天老帅了,嗷嗷帅...</li>
    <li>班长今天老帅了,嗷嗷帅...</li>
</ul>
</body>

相关文章

网友评论

      本文标题:隔行变色

      本文链接:https://www.haomeiwen.com/subject/zrmdlftx.html