为什么这个jQuery代码不起作用?

时间:2016-03-12 08:12:49

标签: javascript jquery

为什么这个jQuery代码不起作用? 谢谢! 它不会改变src属性,为什么?我相信我已经做了正确的代码,但它仍然无效。

<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>

1 个答案:

答案 0 :(得分:0)

试试这个

 <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>