Software di JQuery Javascript consente di aggiungere funzioni interattive nelle applicazioni Web. JQuery crea un oggetto evento JavaScript quando si verificano gli eventi quali click, mouseover e ridimensionamento. Un gestore di eventi è una funzione che viene eseguita ogni volta che si verifica l'evento. JQuery fornisce metodi per associare i gestori di eventi standard. Si crea il gestore eventi tramite il metodo di "bind" JQuery per collegarlo a ogni elemento selezionato su una pagina Web.

Istruzioni

1

Fare clic su "Start" in Windows e quindi fare clic su "Blocco note".

2

Immettere il codice seguente nella finestra aperta per creare la pagina Web:

<! DOCTYPE html >

< html >

< head >

<! disegnare la barra gialla sulla tua pagina Web >

< style >

p {background: yellow; font-weight: bold; cursore: puntatore; padding: 5px;}

p.over {background: #ccc;}

span {color: red;}

< / stile >

< script elemento pagina >

< p > Fai clic o doppio clic here. </p >

< span >< / span >

< script >

< / script >

< / body >

< / html >

3

Immettere il seguente codice dopo la riga "< script >" per creare i gestori eventi:

<! creare il gestore eventi per l'oggetto evento "clic" >

$("p").bind ("click", function(event) {

var str = "(" + event.pageX + "," + event.pageY + ")";

$("span").text ("Click happened!" + str);});

<! creare il gestore eventi per l'oggetto evento "doppio clic" >

$("p").bind ("dblclick", Function)

{$("span").text ("Fare doppio clic su happened in" + this.nodeName);});

<! creare il gestore eventi per l'oggetto evento "mouseover" >

$("p").bind ("mouseenter mouseleave", function(event)

{

$(this).toggleClass("over");

});

4

Fare clic su "File" e quindi fare clic su "Salva". Immettere "evhand.html" nella casella "Nome File" e clicca sul pulsante "Salva".

5

Fare doppio clic sul file "evhand.html" in Windows Explorer per aprire il browser Web. Visualizzerà la barra gialla che viene definita come un elemento di pagina Web di "p" nel vostro script jQuery.

6

Posizionare il mouse sopra la barra gialla per attivare il gestore di eventi "mouseover", che cambia il colore della barra dal giallo al grigio. Visivamente indicherà che l'elemento di pagina Web può essere cliccato.

7

Fare clic o fare doppio clic sulla barra gialla nella pagina Web per attivare il gestore di evento "click" o "dblclick". Mostrerà il messaggio "Fare clic su è accaduto in P" o "Fare doppio clic su accaduto in P" messaggio sotto la barra.