<body><ul><li>one step one footprint!</li><li>one step one footprint!</li><li>one step one footprint!</li><li>one step one footprint!</li><li>one step one footprint!</li><li>one step one footprint!</li><li>one step one footprint!</li><li>one step one footprint!</li></ul><script>let li =$("li");for(let i =0; i < li.length; i++){if(i %2==0){
li[i].style.backgroundColor="red";}else{
li[i].style.backgroundColor="green";}}</script></body>
利用不同选择器可以处理好整体与部分的关系
<body><div class="important" id="first"></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div class="important"></div><script>let div =$("div");let important =$(".important");let first =$("#first");
div.css("weight","100%").css("height","80px").css("border","black solid 1px");
important.css("backgroundColor","pink");
first.html("标题");
first.css("textAlign","center");</script></body>
使用jQuery实现隔行变色<body> <ul> <li>one step one footprint!</li> <li>one step one footprint!</li> <li>one step one footprint!</li> <li>one step one footprint!</li>