如何在jquery中交换图像答案

【问题标题】：how to swap Image in jquery如何在jquery中交换图像
【发布时间】：2011-11-26 09:37:09
【问题描述】：

如何在点击图片时交换图片的 SRC 属性？

<a href="#">
    <img src="./layout/images/search.png" />
</a>

$('img[src="./layout/images/search.png"]').click(function () {
    $(this).attr('src',"./layout/images/search_select.png")
});

【问题讨论】：

标签： jquery onclick image swap

【解决方案1】：

你可以试试这个解决方案：

$("img").click(function(){
   $(this).attr("src","new.gif");
})

正如 David Hedlund 指出的那样，由于 img 选择器，这将更改页面上的所有图像。您可以使用 sam152 建议的类来定位图像，或者，您可以使用它的 src 属性来定位图像 -

 $("img[src='old.gif']").click(function (){
   $(this).attr("src","new.gif");
})

查看我的演示 - JSFiddle

【讨论】：

我们可以假设用户熟悉嘶嘶声选择器。否则可能值得指出的是，这个 sn-p 会在点击时将页面上的 any 图像更改为 new.gif。
感谢大卫指出这一点，我已经用更多信息更新了答案。
@user1065056 - 你没有得到什么？
@user1065056 - 您能否在您遇到问题的问题中发布代码/标记？
@user1065056 我已经使用您的代码设置了一个小提琴，它似乎确实有效 - jsfiddle.net/LBShe

【解决方案2】：

如果你有一个名为'swap'的类的图像，你可以使用下面的sn-p。它使用 click 事件，然后使用 attr 来更改图像的 src 属性。

$('.swap').click(function(){ 
    $(this).attr('src','new/path/to/img.jpg');
});

【讨论】：

我做了同样的事情，但没有得到