SyntaxFix

[jquery] How can I change image source on click with jQuery?

You need to use preventDefault() to make it so the link does not go through when u click on it:

fiddle: http://jsfiddle.net/maniator/Sevdm/

$(function() {
 $('.menulink').click(function(e){
     e.preventDefault();
   $("#bg").attr('src',"img/picture1.jpg");
 });
});

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to image

• Reading images in python • Numpy Resize/Rescale Image • Convert np.array of type float64 to type uint8 scaling values • Extract a page from a pdf as a jpeg • How do I stretch an image to fit the whole background (100% height x 100% width) in Flutter? • Angular 4 img src is not found • How to make a movie out of images in python • Load local images in React.js • How to install "ifconfig" command in my ubuntu docker image? • How do I display local image in markdown?

Examples related to function

• $http.get(...).success is not a function • Function to calculate R2 (R-squared) in R • How to Call a Function inside a Render in React/Jsx • How does Python return multiple values from a function? • Default optional parameter in Swift function • How to have multiple conditions for one if statement in python • Uncaught TypeError: .indexOf is not a function • Proper use of const for defining functions in JavaScript • Run php function on button click • includes() not working in all browsers

Examples related to href

• File URL "Not allowed to load local resource" in the Internet Browser • Angular 2 router no base href set • How to redirect to a route in laravel 5 by using href tag if I'm not using blade or any template? • Html- how to disable <a href>? • Add php variable inside echo statement as href link address? • ASP MVC href to a controller/view • href="tel:" and mobile numbers • How can I disable the bootstrap hover color for links? • How can I disable HREF if onclick is executed? • Open link in new tab or window