代码之家  ›  专栏  ›  技术社区  ›  en Peris

使用JQuery动态更改AwesomeIcon的颜色

  •  0
  • en Peris  · 技术社区  · 6 年前

    我有一个很棒的图标

    <i id="myIdAwesomeIcon" class="fa fa-toggle-off fa-lg"  style="color:#e6e6e6;" aria-hidden="true"></i>
    

    我尝试使用

     $('#myIdAwesomeIcon').css("color")).val("#009900");
    

    但是颜色没有改变

    2 回复  |  直到 6 年前
        1
  •  0
  •   Ankit Agarwal    6 年前

    如果您使用的是JQuery,那么应该是 css("color","#009900") :

    $('#myIdAwesomeIcon').css("color","#009900");
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <i id="myIdAwesomeIcon" class="fa fa-toggle-off fa-lg"  style="color:#e6e6e6;" aria-hidden="true">aa</i>
        2
  •  0
  •   Community Dai    4 年前

    应该是这样的

    $('#myIdAwesomeIcon').css("color","#009900");
    

    Read more about the .css() jQuery function.

    .css( propertyName, value )

    属性名称

    类型:字符串

    CSS属性名称。

    价值

    类型:字符串或数字

    要为属性设置的值。