Why this jQuery code doesn't work?

Question

Why this jQuery code doesn't work? Thank you! It doesn't change the src attribute, why? I belive that I have done a correct code but It still doesn't work.

<html>
<head>
    <title>Primo script</title>
</head>
<body>
    <script src="jquery-1.12.1.js"></script>
    <script>
    $('#due').click(function() {
        $('#due').attr('src', 'immagini/apple.jpg');          
    }); 
    </script>

    <h1>Primo script</h1>
    <p>Ci sar&agrave; una bella immagine; se ci si clicca sopra l'immagine cambier&agrave;.</p>

    <img src="immagini/ant.jpg" id="due" title="una formica">

    <hr>
</body>

put this code into end of body tag and also check your browser console — Mayank Vadiya, Mar 12 '16 at 08:14
Place your script tag below your body. It won't be able to find `#due` at the start — Obsidian, Mar 12 '16 at 08:16
Maybe this helps you http://stackoverflow.com/questions/540349/change-the-image-source-using-jquery — a1xon, Mar 12 '16 at 08:17
when page is loaded than code execute line by line so jquery load before your image tag so Jquery will not find your image tag — Mayank Vadiya, Mar 12 '16 at 08:19
it is a good practice to add any jquery code within `document.ready function` in order to avoid such problems. — mitkosoft, Mar 12 '16 at 08:38

Mayank Vadiya · Answer 1 · 2016-03-12T10:06:52.410

0

try this

 <html>
    <head>
      <title>Primo script</title>
        <script src="jquery-1.12.1.js"></script>
    </head>
   <body>
    <h1>Primo script</h1>
            <p>Ci sar&agrave; una bella immagine; se ci si clicca sopra l'immagine cambier&agrave;.</p>
    <img src="immagini/ant.jpg" id="due" title="una formica">    
    <hr>
</body>
</html>

<script>
  $(document).ready(function(){
      $('#due').click(function() {
         $(this).attr('src', 'immagini/apple.jpg');          
      }); 
 });
</script>

edited Mar 12 '16 at 10:06

answered Mar 12 '16 at 09:18

Mayank Vadiya

1,373
2
18
30

Inside the click handler this refers to as "#due". Therefore $(this).attr('src', 'your_image'); – roland Mar 12 '16 at 10:05
1

now its ok @roland – Mayank Vadiya Mar 12 '16 at 10:07

Why this jQuery code doesn't work?

1 Answers1