Javascript 单击链接将颜色更改为#fff

我有一个href链接“打开菜单”，这个链接有灰色

我想使用jQuery，因为，当我点击这个“打开菜单”时，我想将颜色更改为#FFF

我试图用下面的代码来做这件事，但它不起作用，我正在搜索如何做，但我有更多的困难，因为我的图标字体元素

你知道我哪里做错了吗

html:

jQuery：

$(function() {                       
  $("#menu ul .show_menu span >i").click(function() {  
    $(this).addClass(".change_color");     
  });
});

---

使用

.addClass（）

时，不需要为要添加的类名指定点

：

也不要在

i

和

之间留空格。在CSS中更改\u color

，因为空格将针对具有

i

元素的类

change\u color

的子体：

#menu ul .show_menu span >i.change_color{color:#fff;}

---

谢谢你，菲利克斯，这真的是个问题！顺便说一下，现在当我第一次在“打开菜单”中单击时，我总是使用颜色：#fff，但我只想在打开菜单时使用颜色：#fff。您知道一些技巧吗？当菜单关闭时，再次更改为#ccc？选择器

#menu ul.show_menu span>i

实际上不适用于“Open menu”（打开菜单）链接，我知道该链接是要单击的元素。因此，此代码无法解决问题。@Marby您可以使用

.toggleClass（）

而不是

.addClass（）

Christian，谢谢您的回答！但是代码运行良好！费利克斯，谢谢你，我现在就试试看：）

$(function() {                       
  $("#menu ul .show_menu span >i").click(function() {  
    $(this).addClass(".change_color");     
  });
});

$(function() {                       
    $("#menu ul .show_menu span >i").click(function() {  
        $(this).addClass("change_color");     
    });
});

#menu ul .show_menu span >i.change_color{color:#fff;}