第二十一节 jQuery循环

 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>