1. 程式人生 > >jquery方法的隔行變色

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>