как поменять изображение в jquery

Question

Как я могу поменять атрибут 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")
});

Answer 1

Попробуйте это -

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

Как указывает Дэвид Хедлунд, это изменит все изображения на странице из-за селектора img.Вы можете настроить таргетинг на изображение, используя класс, как предлагает sam152, или вы можете настроить таргетинг на изображение, используя его атрибут src -

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

Демо - http://jsfiddle.net/W7mq6/

Answer 2

Если у вас есть изображение с классом под названием «swap», вы можете использовать следующий фрагмент.Он использует событие click, а затем attr, чтобы изменить атрибут src images.

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