Alterando tag HTML com função hover

Front-end
#1

Bom dia pessoal,

Preciso criar uma função em jquery onde quando eu passar o mouse sobre uma tag span ela se transforme em uma IMG. Sou iniciante, alguém pode me ajudar?

#2

Calma aí, passar em cima da tag, acho isso improvável pois as tags não se apresentam no navegador, tem como passar em cima de algum nome/imagem/botão etc…

Usa css, tenta colocar na tag no css “none” e chama a imagem no hover via url no css

#3

Se baseia no exemplo abaixo:

<div class="minha-div>
   <span class="meu-span"></span>
</div>
$('.minha-div .meu-span').hover(function() {
   $(this).parent().text('<img></img>');
});
1 curtida
#4 
<div></div>
<div></div>

$(‘div’) Assim eu pego qualquer div

E assim eu pinto todas as divs de vermelho

div {
    background-color: red
}
1 curtida