给奇数的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>测试1li>
22         <li>测试2li>
23         <li>测试3li>
24         <li>测试4li>
25         <li>测试5li>
26         <li>测试6li>
27         <li>测试7li>
28         <li>测试8li>
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>

效果:

给奇数的li标签添加蓝色,给偶数的li标签添加红色_第1张图片

转载于:https://www.cnblogs.com/qianduanjingying/p/4776793.html

你可能感兴趣的:(给奇数的li标签添加蓝色,给偶数的li标签添加红色)