Esempio 01 – Evento click

 Un esempio un po’ più complesso: vogliamo far sparire dei frammenti di testo cliccandoci sopra con il mouse. Così, vediamo di introdurre la gestione degli eventi in JQuery. 

Occhio alle parentesi, la vera tegola nello scrivere correttamente i nostri script con JQuery!

<!DOCTYPE html>
<html lang="it">
<head>

<script src="js/jquery.min.js"></script>

</head>
<body>

<br><br>

<p>Messaggio 1</p>
<p>Messaggio 2</p>
<p>Messaggio 3</p>

<script>
$(document).ready(
//una volta che la pagina è caricata, procedo ad eseguire una funzione
function()
{
        //ad es. seleziono tutti i tag <p>
	$("p").click(
                //gestisco l'evento click sul testo contenuto nel tag selezionato
		function()
		{
			$(this).hide();
		}
		); //chiude click
}
);//chiude ready
</script>


</body>
</html>

Ultima modifica 30 Gennaio 2022