Заменить изображение в jquery

Question

Как я могу это сделать:

У меня есть изображение CHECKMARK, в котором при нажатии на это изображение оно будет заменено изображением LOCK.Как я могу сделать это в jquery и php?

Answer 1

$('img.checkmark').toggle(function() {
   $(this).attr('src', 'lock.png');
}, function() {
   $(this).attr('src', 'checkmark.png');
});

Все теги img с классом checkmark теперь будут иметь функцию переключения:

<img src="checkmark.png" class="checkmark"/>

Answer 2

Можно использовать немного больше контекста, но что-то вроде этого:

$(function ()
{
    $('#checkmarkImage').click(function ()
    {
        $(this).attr('src', '/path/to/lock/image.jpg');
    });
});