如何在jquery中交换Image

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

   $('img[src="https://stackoverflow.com/questions/8277524/how-to-swap-image-in-jquery/layout/images/search.png"]').click(function () { $(this).attr('src',"./layout/images/search_select.png") }); 

Answer 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") }) 

演示 – http://jsfiddle.net/W7mq6/

Answer 2

如果您的图像中包含名为“swap”的类，则可以使用以下代码段。 它使用click事件，然后使用attr来更改图像src属性。

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