我的DOM如下所示：
<div id="d1">
<div class="c1">
<a href="#"><img src="img1_on.gif"></a>
<a href="#"><img src="img2_on.gif"></a>
</div>
</div>
当有人单击图像时，我希望图像src更改为<img src=“imgx_off.gif”>，其中x表示图像编号1或2。
这是可能的还是我必须使用CSS来更改图像？
当前回答
简短但准确
$("#d1 img").click(e=> e.target.src= pic[e.target.src.match(pic[0]) ? 1:0] );
let图片=["https://picsum.photos/id/237/40/40“，//任意-例如：”img1_on.gif“，"https://picsum.photos/id/238/40/40“，//任意-例如：”img2_on.gif“];$（“#d1 img”）.click（e=>e.target.src=pic[e.target.src匹配（pic[0]）？1:0] );<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div id=“d1”><div class=“c1”><a href=“#”><img src=“img1_on.gif”></a><a href=“#”><img src=“img2_on.gif”></a></div></div>
其他回答
更多信息。我尝试在jquery中使用attr方法为广告图像设置src属性，语法如下：$（“#myid”）.attr（'src'，'/images/sample.gif'）；
此解决方案很有用，而且可以工作，但如果更改路径，也会更改图像的路径，并且无法工作。
我一直在寻找解决这个问题的方法，但一无所获。
解决方案是将“\”放在路径的开头：$（“#myid”）.attr（'src'，'\images/sample.gif'）；
这个技巧对我很有用，我希望它对其他人有用。
我在尝试调用“重新注册”按钮时遇到了同样的问题。经过一些搜索，现在以下功能在几乎所有著名的浏览器（chrome、Firefox、IE、Edge…）中都能正常工作：
function recaptcha(theUrl) {
$.get(theUrl, function(data, status){});
$("#captcha-img").attr('src', "");
setTimeout(function(){
$("#captcha-img").attr('src', "captcha?"+new Date().getTime());
}, 0);
}
“theUrl”用于呈现新的captcha图像，在您的情况下可以忽略。最重要的一点是生成新的URL，迫使FF和IE重新阅读图像。
您应该向图像标记添加id属性，如下所示：
<div id="d1">
<div class="c1">
<a href="#"><img id="img1" src="img1_on.gif"></a>
<a href="#"><img id="img2" src="img2_on.gif"></a>
</div>
</div>
然后您可以使用此代码更改图像的来源：
$(document).ready(function () {
$("#img1").attr({ "src": "logo-ex-7.png" });
$("#img2").attr({ "src": "logo-ex-8.png" });
});
这是在Vanilla（或简单的Pure）JavaScript中完成任务的保证方法：
var picurl = 'pictures/apple.png';
document.getElementById("image_id").src=picurl;
如果您多次更新图像，它会被缓存不更新，在末尾添加一个随机字符串：
// update image in dom
$('#target').attr('src', 'https://example.com/img.jpg?rand=' + Math.random());
