使用JQuery动态更改AwesomeIcon的颜色

Question

我有这个很棒的图标

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

我尝试使用以下方法动态更改颜色

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

但是颜色没有变

Answer 1

它应该是

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

阅读有关.css() jQuery函数的更多信息。

.css( propertyName, value )

propertyName

类型：字符串

CSS属性名称。

值

类型：字符串或数字

为属性设置的值。

Answer 2

如果您使用的是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>