Change Image on image click event in Jquery

Question

i am not able to change image on clicking image in jquery pls see this

$("#signin").click(function (event) {
    event.preventDefault();
    alert("show data");
    $("#signin").Attr('src', 'images/icon.png');
});

mat · Accepted Answer · 2014-02-20 20:45:13Z

1

$("#signin").click(function(e) {
    e.preventDefault();
    $(this).attr("src", "images/icon.png");
});

.attr <- Function name is lowercase.

answered Jan 30, 2014 at 9:51

mat

1,3781 gold badge13 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anton · Accepted Answer · 2014-01-30 09:50:45Z

1

You need to change

.Attr

to

.attr

.Attr is not a function in jQuery, it's case sensitive.

Note: You could use this.src there is no need to use jQuery to change the source of the image

$("#signin").click(function (event) {
    event.preventDefault();
    alert("show data");
    this.src= 'images/icon.png';
});

answered Jan 30, 2014 at 9:50

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Adil · Accepted Answer · 2014-01-30 09:50:43Z

0

You have mis-spelled the function attr(). The Attr should be attr, javascript is case sensitive.

$("#signin").click(function (event) {
    event.preventDefault();
    alert("show data");
    $("#signin").attr('src', 'images/icon.png');
});

answered Jan 30, 2014 at 9:50

Adil

148k25 gold badges217 silver badges207 bronze badges