Web design Nocera Umbra e gli eventi in JQuery

web-designer-umbria

web-designer-umbriaWeb design Nocera Umbra chiarisce subito che tatticamente gli eventi sono funzioni che vengono azionate quando l’utente interagisce con la pagina, come ad esempio il click di un mouse o altro. Quando un evento si mette in moto qualcosa succede a livello di codice evidenzia web design Nocera Umbra. Abbiamo specificato che é utile creare una funzione che faccia in modo di scatenare gli eventi solo dopo con certezza di esecuzione il caricamento della pagina e il codice é:

$(document).ready(function)

Come faccio per scatenare un evento al click del mouse? Risponde tempestivamente web design Nocera Umbra:

$(selector).click(function) dove selector potrebbe essere un button per esempio

E se volessi scatenare un evento solo al doppio click del mouse? Eccoci:

$(selector).dblclick(function)

Va bene il click e le sue sfumature é stato somatizzato ma per ottenere il focus su un elemento che faccio:

$(selector).focus(function)

Proverbiale da sempre in JavaScript il famoso onMouseOver ma in Jquery come funziona?
$(selector).mouseover(function)

A questo punto non ci resta che fare un altro esempio di codice completo cercando di rispondere con Umbriaway Consulting alla domanda catartica proposta da web design Nocera Umbra: ma questo JQuery é complesso da imparare? Giudicate voi dal codice! In questo esempio cercheremo di nascondere al click su un bottone che scatena un evento quegli elementi dove é stata applicata la classe testo:

<html>
<head>
http://jquery.js

$(document).ready(function(){
$(“button”).clic(function(){
$(“.test”).hide();
});
});

</head>

<body>
<h2 class=”test”>heading2</h2>
<p class=”test”>paragrafo1</p>
<p>paragrafo2</p>
<button>clicca e osserva l’effetto che fa</button>
</body>
</html>

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...