单击“不工作”后，Jquery切换类img url

所以我的函数不起作用了。我不知道如何解决这个问题，来自url的图像甚至可以和toggleClass一起工作吗？我在寻找答案，但我找不到这个答案

  <div class="sidebar">
    <div class="games">
      <ul>
        <li><a title=""><img src="https://icon-library.net//images/grand-theft-auto-v-icon/grand-theft-auto-v-icon-5.jpg" width="50" /></a></li>
        <li><a class=""><img src="https://styles.redditmedia.com/t5_2rn7o/styles/communityIcon_2083me9o3ia21.png" width="50" alt=""></a></li>
      </ul>

    </div>
    <img id="btn" class="button" src="eeeee.png"/>
  </div>

---

我不太确定你到底想做什么，但我认为你并不想改变图片的类别来改变图片本身，因为它不会影响源属性

当使用jquery时，您可以像这样更改图像源属性

---

$（“#你的#图像”）.attr（“src”，“source_of_image.jpg”）请注意，您的HTML无效。您不能将div作为
的子元素。我已经更改了，请编辑您的问题并更正那里的无效HTML…这样我们也可以看到它；）我真正想要的是创建功能，当我点击这个按钮时（我有我的图标，所以我没有不同的方式将其显示为一个按钮，而是通过内容：），当我点击这个按钮时，它会变成一个不同的图像，我不知道。它类似于那里，但我有我的自定义图标，而不是已经制作的图标
.button{
    display: block;
    overflow: hidden;
    text-align: center;
    margin-top: 18em;
    text-decoration: none;
    cursor: pointer;

}
.button:hover{
    filter: grayscale(100%) sepia(41%) brightness(200%) saturate(0%) contrast(1000%);
}

$('#btn').click(function(){
    $('#btn').attr('src', 'eee.png');
});