当我单击链接时如何使用javascript在CSS中更改图像中的选定颜色

Question

当我单击链接时，如何使用JavaScript更改CSS中图像中的选定颜色？ 如何在以下代码中使用JavaScript？

    .review {
      padding-left: 55px;
      display: inline-block;
    }
    .icon1 {
      display: inline-block;
      background: url('../userimage/icon.jpg') no-repeat -32px -40px;
      width: 12px;
      height: 14px;
      padding-left: 6px;
    }
    .icon2 {
      display: inline-block;
      background: url('../userimage/icon.jpg') no-repeat -32px -66px;
      width: 12px;
      height: 14px;
      padding-left: 6px;
    }
    .icon1:hover {
      background: url('../userimage/icon.jpg') no-repeat -13px -40px;
      width: 12px;
      height: 14px;
      cursor: pointer;
    }
    .icon2:hover {
      background: url('../userimage/icon.jpg') no-repeat -13px -66px;
      width: 12px;
      height: 14px;
      cursor: pointer;
    }
    .icon {
      cursor: pointer;
      color: #848484;
      font-weight: bold;
      margin-left: 5px;
    }

HTML：

<p class="review">
  Was this review helpful?
  <a class="icon" id="jp">
    <span class="icon1"></span>
    Yes
  </a>
  <a class="icon"><span class="icon2"></span>No</a>
</p>

Answer 1

好的:visited可从浏览器历史记录中获取，我想您只想更改单击链接的颜色。 我把一些jQuery放在一起

$('a').click(function(){
 if ( $(this).is(":visited"))
     $(this).removeClass("visited");
 else
     $(this).addClass("visited");
 });

和CSS

    a{
color:#000;
text-decoration:none;
}

a.visited{
color:#205081;
}