zoukankan      html  css  js  c++  java
  • 给奇数的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>

    效果:

  • 相关阅读:
    调试
    node笔记汇总
    移动端布局
    css 易错点总结
    Angular笔记
    CANVAS笔记
    http笔记汇总
    各种环境搭建 软件安装等等 参考网址收录
    js中同步异步,任务队列
    node.js之fs模块
  • 原文地址:https://www.cnblogs.com/qianduanjingying/p/4776793.html
Copyright © 2011-2022 走看看