如何使用jquery onclick更改图像标记的source属性？

Question

我知道这是一件非常简单的事情，但我尝试了其他帖子的一些解决方案，但它们似乎已经过时了。我还使用了当前jquery api文档中的一个示例，但这也没有用。我正在使用链接的js文件进行chrome扩展。当我测试onclick函数时，控制台中似乎没有错误或消息，但image属性似乎没有改变。我知道js文件已正确连接，因为我使用相同的脚本生成chrome扩展的标头。有什么想法吗？提前谢谢。

Answer 1

根据你问题的标题，它非常简单。 我假设你有点击的东西，点击源图像标签应该改变。

 <div>
    <input type="button" id="btnChangeImageSource" value="Change Source">
   <img src="" height="100" width="100" id="targetTag"> 
 </div>

<强> Jquery的

  $(document).ready(function(){

     $('#btnChangeImageSource').click(function(){

      $('#targetTag').attr('src','new source ')

    });
  });