1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script type="text/javascript" src="../jquery-1.12.4.min.js"></script> 7 <script type="text/javascript"> 8 $(function(){ 9 var $li = $('.list li'); 10 11 // jquery可以对选择集中的元素一起设置属性 12 $li.css({'backgroundColor':'red'}) 13 14 $li.each(function(index){ 15 // index参数可写可不写，其表示每个元素的下标，也可以通过如下方式获取每个元素的索引值 16 $(this).index(); 17 // 里面的语句会执行8次 18 $li.eq(index).css({'backgroundColor':'gold'}); 19 }) 20 }); 21 </script> 22 </head> 23 <body> 24 <ul class="list"> 25 <li>1</li> 26 <li>2</li> 27 <li>3</li> 28 <li>4</li> 29 <li>5</li> 30 <li>6</li> 31 <li>7</li> 32 <li>8</li> 33 </ul> 34 </body> 35 </html>