how to change src attribute of image in jquery code example

Example 1: jquery change image src

//change image src with jquery
$("#myImageID").attr("src","images/my_other_image.png");

//change image src plain javascript
document.getElementById('myImageID').src="images/my_other_image.png";

Example 2: change image src jquery

$(document).ready(function () {
    $('img').click(function(){
        $(this).attr('src','images/download.jpeg')
      })
})

Example 3: change image src using jquery

//img is the attribute tag you can use #id if you want 
$("img").click(function () {
                    // Change src attribute of image
                    $(this).attr("src", "images/card-front.jpg");
                });