Hover funktioniert nicht für das Bild?

Question

Ich versuchte folgenden Code:

<script type="text/javascript">  
$(document).ready(function(){ 
    $("image").hover(
     function() { 
     $(this).append($("<span> ***</span>")); 
     }, 
     function() { 
     $(this).find("span:last").remove(); 
     } 
    ); 

    }); 

<img alt="" src="../../Content/Disp.gif" /> 

Es funktionierte nicht. benutze sogar $ ("img"). Heißt das, dass das Schweben für das Bild nicht funktioniert?

Answer 1

Es gibt einige Probleme in diesem Code anhängen können.
Zuerst ist der Wähler nicht korrekt:
Wrong

$('image') 

Correct

$('img') 

Zweitens kann das img-Element enthält Elemente Kind nicht so weit ich weiß, so dass Sie nicht die "finden" verwenden Befehl damit.

$(document).ready(function(){ 
    $("img").hover(
     function() { 
     $(this).append($("<span>***</span>")); 
     }, 
     function() { 
     $(this).find("span:last").remove(); // this not correct 
     } 
    ); 

    }); 

Answer 2

Sie können dies versuchen:

$("img").each(function(){ 
    $(this).hover(function(){ 
     $(this).after("<span>Foobar</span>"); 
    }, function(){ 
     $(this).find("span:last").remove(); 
    }); 
}); 

Answer 3

Sie etwas nicht zu einem Selbstschluss-Tag

<img src="lol.gif" alt="" /> is a self-closing tag. 
You can only append to not self closing tags like <div></div> 

Answer 4

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('img').hover(function(){ 
      $('span').html('Mouse over image'); 
     }); 
     $('img').mouseout(function(){ 
      $('span').html('Mouse not over image'); 
     }); 
    }); 
</script> 

<img alt="" src="http://stackoverflow.com/content/img/so/logo.png" /> 
<span>Mouse not over image</span> 

Answer 5

<script type="text/javascript">  
$(document).ready(function(){ 
    $("img").hover(
     function() { 
     $(this).after("<span> ***</span>"); 
     }, 
     function() { 
     $(this).next().remove(); 
     } 
    ); 
    }); 
</script> 

<img alt="" src="../../Content/Disp.gif" /> 

tun Bitte lesen Sie api.jquery.com, es ist ein ziemlich schnell durchlesen, wie die Bibliothek Art winziger ist.