在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');
    });
});