码迷,mamicode.com
首页 > Web开发 > 详细

第二十一节 jQuery循环

时间:2020-03-14 20:10:42      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:red   func   oct   asc   script   back   type   char   css   

 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>

 

第二十一节 jQuery循环

标签:red   func   oct   asc   script   back   type   char   css   

原文地址:https://www.cnblogs.com/kogmaw/p/12493789.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!