• 给奇数的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>

    效果:

  • 相关阅读:
    webpack学习_管理输出(管理资源插件)
    vue路由
    vue动态组件,组件缓存
    vue组件间传参
    模块化
    安装Vue脚手架,创建Vue项目
    Vue常用指令
    VUE概述
    小程序调用微信支付接口
    Android音视频开发之-WebRTC技术实践
  • 原文地址:https://www.cnblogs.com/qianduanjingying/p/4776793.html
Copyright © 2020-2023  润新知