给奇数的li标签添加蓝色，给偶数的li标签添加红色

今天遇到的面试题，哎，不看参考手册还是写的蛋疼啊！给奇数的li标签添加红色，给偶数的li标签添加蓝色

直接撸代码吧：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>给奇数的li标签添加蓝色，给偶数的li标签添加红色</title>
 6     <script type="text/javascript" src = "jquery-1.8.1.js"></script>
 7     <style type="text/css">
 8         li{
 9             list-style-type: none;
10         }
11         .even{
12             background-color: blue;
13         }
14         .odd{
15             background-color: red;
16         }
17     </style>
18 </head>
19 <body>
20     <ul>
21         <li>测试1</li>
22         <li>测试2</li>
23         <li>测试3</li>
24         <li>测试4</li>
25         <li>测试5</li>
26         <li>测试6</li>
27         <li>测试7</li>
28         <li>测试8</li>
29     </ul>
30     <script type="text/javascript">
31     $(function(){
32         $("li:even").addClass("even");
33         $("li:odd").addClass("odd");
34     })
35     </script>
36 </body>
37 </html>

效果：

posted @ 2015-09-01 20:26  黑客PK  阅读(670)  评论(0)  编辑  收藏  举报