javascript - 切换图像上的 src 属性

Question

有没有办法在单击 anchor 时在两个值之间切换图像的 src 属性？

像这样:

$('a#some-anchor').click(function() {
// code here that toggles between two image src's e.g. "images/some-image1.jpg" and "images/some-image2.jpg"
});

Answer 1

$("img").bind("click", function() {
  var src = ($(this).attr("src") === "img1_on.jpg")
                ? "img2_on.jpg" 
                : "img1_on.jpg";
  $(this).attr("src", src);
});

摘自这里:

Changing the image source using jQuery