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

最新推荐文章于 2024-09-04 20:18:34 发布

anhuang1896

最新推荐文章于 2024-09-04 20:18:34 发布

阅读量571

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qianduanjingying/p/4776793.html

版权

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

效果：

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

anhuang1896

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
给奇数的li标签添加蓝色，给偶数的li标签添加红色

今天遇到的面试题，哎，不看参考手册还是写的蛋疼啊！给奇数的li标签添加红色，给偶数的li标签添加蓝色直接撸代码吧： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>给奇数的l...
复制链接

扫一扫