今天遇到的面试题,哎,不看参考手册还是写的蛋疼啊!给奇数的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>
效果: