La libreria di codice jQuery permette agli sviluppatori di implementare effetti di siti web interattivi senza dover codificare tutti i dettagli manualmente. L'effetto ginocchiera è una delle funzioni jQuery più comunemente usate. Utilizzando la funzione di commutazione, gli sviluppatori possono indicare il browser Web dell'utente per nascondere e mostrare particolari elementi della pagina. La funzione può operare su eventi utente, quali clic sui pulsanti, offrendo agli utenti un livello di controllo su ciò che si può vedere.

Scopo

L'obiettivo generale della levetta funzioni jQuery è quello di gestire la visibilità degli elementi della pagina Web. Spesso, se una pagina Web contiene un sacco di materiale, come testo e altri mezzi di comunicazione, gli utenti possono trovare schiacciante e non prendere il tempo di leggere attraverso tutto questo. Dando il controllo dell'utente su cui vengono visualizzati e quali elementi sono nascosti, si consente loro di concentrarsi sulle informazioni che sono interessati. La funzione di commutazione può quindi trovare un equilibrio tra tra cui tutti i contenuti necessari e riducendo al minimo la quantità di essa appare in ogni Una volta.

Sintassi

La funzione di jQuery levetta utilizza la sintassi standard. Il codice di esempio seguente viene illustrato chiamando la funzione:

$ ( "#") Dettagli alternare ().;

Questo codice indica al browser di mostrare o nascondere un elemento con "dettagli", come il suo attributo ID. Se l'elemento non è visibile, questa funzione farà sì che appaia. Se l'elemento è attualmente visibile, la funzione nasconderlo. La funzione può essere visualizzato all'interno di un'altra funzione; per esempio, una funzione che esegue quando l'utente seleziona un elemento.

Selettore

La prima parte della funzione di commutazione comporta il selettore. Il selettore è un'indicazione di quale elemento o gli elementi, la funzione di commutazione è in esecuzione su. Il selettore si presenta come un tipo di elemento, attributo di classe o l'ID, indicando quale pagina gli elementi del browser deve corrispondere durante l'esecuzione della funzione. Quando gli sviluppatori creare funzioni levetta all'interno delle loro pagine, che devono quindi includere un tag selezione o un attributo all'interno del codice HTML, come nel seguente codice di esempio:

<Div id = "dettagli"> Ecco il contenuto di nascondere o mostrare. </ Div>

parametri

Gli sviluppatori possono passare un certo numero di parametri opzionali per la funzione di commutazione, che determina i dettagli di come si esegue. Il parametro durata è talvolta indicato come parametro velocità, in quanto indica quanto tempo la transizione tra un elemento essendo nascosto e visibile dovrebbe durare. Il parametro indica facilitando qualsiasi jQuery funzioni lo sviluppatore intende applicare al processo di commutazione andamento. Il parametro di callback indica una funzione opzionale da eseguire quando la transizione animata è completa. Il codice di esempio riportato di seguito illustra tutti questi parametri:

$ ( "# Details") alternare ( 'slow', 'swing', function () {doneToggling ();}).;

Questa chiamata funzione utilizza una durata lento, l'effetto swing alleggerire e una funzione specifica al termine della ginocchiera.