jQuery用按钮改变文本阴影

Question

我在网站上的元素中添加了文本阴影，现在我正在尝试将按钮按钮时将文本阴影从此元素更改为其他颜色，以便我可以选择所需的颜色。

$(".more").css("textShadow","0 0 10px #F00").css("color","#000").attr('id', 'green');  

所以我尝试了这个：

的jQuery

  $('#changeIt').click(function(){   
      $('.more').toggleClass('colorMe');
  });

HTML 的

<input type="button" value="Change Color" id="changeIt" />

CSS

.colorMe{ text-shadow: 0 0 10px #F00 !important; }
#green{text-shadow: 0 0 10px #00FF7F;}

我在这里做错了什么？当我按下按钮时，没有任何反应。

Answer 1

http://jsfiddle.net/g96JB/

如果html部分中的元素具有more类，则代码可以正常工作。