onmouseover su un bottone

[claire89]

Ho creato un form con un bottone:

(html)

<button type="button" id="tastoPiu" >+</button>                   
 <span id="aggiungi">Aggiungi</span>

voglio che quando passo sopra con il mouse al bottone questo mostri la scritta 'aggiungi', quindi ho scritto così:

(javascript)

 aggiungi=$("#aggiungi");
document.getElementById("tastoPiu").onmouseover = function() {         
aggiungi.show();     }

(css)

#aggiungi{   
 display:none;    
position:absolute;    
margin-left: -10px;    
margin-top: 20px; }

Funziona tutto bene però non capisco perchè se la parte di javascript anzichè scriverla come sopra la scrivo invece come segue non funziona..qualcuno sa spiegarmi perchè?

aggiungi=$("#aggiungi");
 $('#tastoPiu').onmouseover(function(){
aggiungi.show();
});

[Vindav]

$('#tastoPiu').mouseover(function(){
aggiungi.show();
});

[carlomarx]

Provato SENZA JavaScript?

#aggiungi {   
	display: none;    
	position: absolute;    
	margin-left: -10px;    
	margin-top: 20px;
}

#tastoPiu:hover ~ #aggiungi {
	display: block;
}

[jennFer89]

non devi scrivere onmouseover ma solo mouseover credo