<!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>
