使用JQuery动态更改AwesomeIcon的颜色

时间:2018-04-23 07:39:54

标签: javascript jquery html html5 font-awesome

我有这个很棒的图标

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

我尝试使用

动态更改颜色
 $('#myIdAwesomeIcon').css("color")).val("#009900");

但颜色没有改变

2 个答案:

答案 0 :(得分:0)

应该是

UserContact

Read more about the .css() jQuery function.

  

select c.user_id, c.contact_id, c.relationship, a.adult_id, a.child_id, f.friend_id from mkw_user_contact c inner join mkw_adult_child a on a.adult_id = c.contact_id inner join mkw_user_friend f on a.child_id = f.user_id where c.user_id =19061 ;

     

<强> propertyName的

     

类型:字符串

     

CSS属性名称。

     

<强>值

     

类型:字符串或数字

     

要为属性设置的值。

答案 1 :(得分:0)

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

&#13;
&#13;
$('#myIdAwesomeIcon').css("color","#009900");
&#13;
<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>
&#13;
&#13;
&#13;