jquery方法的隔行变色

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>
<script src="jquery-1.12.4.js"></script>
<script>
    $(function () {
        var lis=$("li");
        for(var i=0;i<lis.length;i++){
            if(i%2==0){
                //lis:jq对象
                //lis[i]:DOM对象，通过下标取出来
                lis[i].style.backgroundColor="pink";
            }else {
                lis[i].style.backgroundColor="hotpink";
            }
        }
    });

</script>