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


hide() nasconde l'elemento selezionato, mentre show()



Scaricare 109.35 Kb.
Pdf recensione
Pagina9/20
03.06.2019
Dimensione del file109.35 Kb.
1   ...   5   6   7   8   9   10   11   12   ...   20
hide() nasconde l'elemento selezionato, mentre show() lo rende di nuovo visibile.

La sintassi per questi due metodi è:

$(selector).hide(velocità,callback);

$(selector).show(velocità,callback);

Il primo argomento permette di specificare la velocità dell'effetto, e può assumere tre valori possibili: 

fast


,

slow


, o in millisecondi. Il secondo argomento invece lo vedremo più avanti. Entrambi sono opzionali.

toggle() alterna la visibilità dell'elemento tra visibile e nascosto

Dissolvenza

Per applicare l'effetto dissolvenza si usano i metodi:



fadeIn(

velocità, callback

) che nasconde l'elemento applicando una dissolvenza

fadeOut(

velocità, callback

) che rende visibile l'elemento

fadeToggle(

velocità, callback

) alterna l'elemento tra fadein() e fadeout()

fadeTo(

velocità, opacità, callback

) applica all'elemento una deterimanata opacità.

La sua sintassi è:

$(selector).fadeTo(velocità,opacità,callback)

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

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

7 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
Le basi di jquery
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   ...   5   6   7   8   9   10   11   12   ...   20


©astratto.info 2017
invia messaggio

    Pagina principale