zoukankan      html  css  js  c++  java
  • JQ为元素添加class

    html部分

    <div class="tab-classify">

    <ul>
    <li>按钮1</li>
    <li>按钮2</li>
    <li>按钮3</li>
    <li>按钮4</li>
    <li>按钮5</li>
    <li>按钮6</li>
    <li>按钮7</li>
    <li>按钮8</li>
    <li>按钮9</li>
    <li>按钮10</li>
    </ul>

    </div>

    JS部分

    //按钮背景颜色
    var btnBg = ['#FFF7ED', '#F2F7FF', '#FFF4EE', '#ECFFF4', '#F0F6FF', '#FFF3EB', '#FFF8E3', '#FCF2FF', '#F1F4F8', '#F5F5F5'];
    //按钮边框颜色
    var border = ['0.01rem solid #F99738', '0.01rem solid #256FDF', '0.01rem solid #F17109', '0.01rem solid #12BA58', '0.01rem solid #387ADE', '0.01rem solid #FF4F19', '0.01rem solid #FFAE00', '0.01rem solid #B52FD6', '0.01rem solid #6F94C3', '0.01rem solid #A5A5A5'];
    //按钮字体颜色
    var fontColor = ['#FF5400', '#1461FF', '#F11909', '#02A757', '#2737C5', '#FF192F', '#F37800', '#B127D3', '#1D60B5', '#303030'];

    for (i=0;i<=btnBg.length;i++) {
    $(".tab-classify li a").eq(i).css('background-color', btnBg[i]);
    $(".tab-classify li a").eq(i).css('border', border[i]);
    $(".tab-classify li a").eq(i).css('color', fontColor[i]);

    }

  • 相关阅读:
    python修改镜像源
    nginx 记录
    linux 常用命令
    修改ssh连上默认目录
    sqlplus 导出一张表数据
    推送kafka消息失败
    Mybatis generator配置
    Oracle导库
    docker -- 安装mysql8.0.16
    安装自动集成工具jenkins
  • 原文地址:https://www.cnblogs.com/james-L/p/8668807.html
Copyright © 2011-2022 走看看