クリックすると画像が切り替わります

Question

私は実験中のコードを持っています。私は、クリックで押されたときに画像が変化し、クリックをリリースしたときに元の状態に戻るようにしたい。ここはまったく変わりません。

JS：

$('src').on('mousedown mouseup', function mouseState(e) { 
    if (e.type == "mousedown") { 
     this.setAttribute("src", 'rustb.png') 
    } else { 
     this.setAttribute("src", 'rust.jpg') 
    } 
}); 

HTML：

<img src="rustb.png" id="click" value="Click" /> 

、感謝を助けてください！

Answer 1

Mouse eventsを以下のように直接試して有効なセレクタを使用してください。

$("img") 
    .mousedown(function() { 
    $(this).prop("src", 'rust.jpg'); 
    }) 
    .mouseup(function() { 
    $(this).prop("src", 'rustb.png'); 
    }); 

Answer 2

あなたの選択ではなく、あなたが

$('img'/'.imgClass'/'#imgId')