Jquery/Versione stampabile Wikibooks, manuali e libri di testo liberi



Scaricare 109.35 Kb.
Pdf recensione
Pagina2/20
03.06.2019
Dimensione del file109.35 Kb.
1   2   3   4   5   6   7   8   9   ...   20
Le basi di jQuery

I comandi jQuery si basano sull’assunto che il documento HTML contiene oggetti che possono essere

richiamati attraverso i loro id o classi, esattamente come in CSS.

La sintassi di base è 

$(selector).action()

il simbolo del dollaro è un alias per jQuery

il selettore, tra parentesi tonde, serve a selezionare elementi HTML

l’action è l’azione che si vuole applicare all’elemento selezionato

Essendo $ un alias, sarebbe possibile usare anche la sintassi jQuery(), ma per brevità si usa $().

È buona pratica di programmazione far eseguire il codice jQuery dopo che la pagina sia stata caricata. Per

questo ci viene in aiuto la funzione $(document).ready(function())

$(

document



).ready(

function

(){


   

// qui vanno i metodi jQuery...

});


che è un listener di eventi che viene richiamato quando il DOM è pronto. Questo permette anche di inserire

il codice Javascript (quindi anche jQuery) prima del tag body, nella sezione head. E’ possibile usare anche

questa sintassi ultracompatta:

$(

function

(){

   


// metodi jQuery...

});


JQuery/Versione stampabile - Wikibooks, manuali e libri di testo liberi

https://it.wikibooks.org/w/index.php?title=JQuery/Versione_stampabil...

2 sur 14

22/08/2016 20:32




Alternativamente si può usare il metodo $(window).load(): la differenza sta nel fatto che questo viene

richiamato quando tutti gli elementi (anche quelli grafici) sono stati già richiamati, e non solo il document.

Infatti i browser basati su webkit (Chrome e Safari) “sanno” la dimensione di un’immagine solo dopo che

questa è stata caricata.

Per rendere più facile la manutenzione del codice, è consigliabile creare un file separato con estensione .js

dove mettere tutti i metodi jQuery, e richiamarlo nella sezione head di ogni pagina che ne fa uso in questo

modo:

"my_jquery_functions.js"

>



Jquery/versione stampabile
Selettori i selettori
Le actions le actions
Gestire gli eventi
La funzione di callback
Modificare il dom
Modificare gli attributi
Manipolare le proprietà css degli elementi
Dimensioni degli elementi e della window


Condividi con i tuoi amici:
1   2   3   4   5   6   7   8   9   ...   20


©astratto.info 2019
invia messaggio

    Pagina principale