Metodo JQuery Show | Spiegato
L'aggiunta di animazioni e effetti diversi svolgono un ruolo importante nell'aumento dell'esperienza utente di un sito Web. Questi possono essere eseguiti con assoluta facilità utilizzando vari metodi forniti da JQuery, che è una libreria JavaScript. C'è un enorme elenco di tali metodi jQuery, tuttavia, in questa guida impareremo tutto sul Metodo jquery show ().
Iniziamo.
Metodo jquery show ()
Come suggerisce il nome, il metodo jQuery show () viene utilizzato allo scopo di mostrare gli elementi nascosti. Questa proprietà mostra solo quegli elementi nascosti usando il metodo JQuery Hide () o la proprietà CSS visualizza.
Sintassi
$ selettore.mostra (parametro)Il metodo show () mostra i seguenti parametri.
| Parametro | Descrizione |
|---|---|
| velocità | Questo parametro descrive la velocità degli effetti dello spettacolo. Rende valori come lenti, veloci e millisecondi. |
| allentamento | Questo parametro descrive la velocità di un elemento in diversi punti di animazione. Rende valori come swing e lineari. |
| richiamare | È una funzione che esegue una volta che il metodo show (). |
Nota: Tutti i parametri sopra menzionati sono opzionali.
Gli esempi seguenti ti aiuteranno a stabilire una migliore comprensione del metodo Show ().
Esempio 1
In questo esempio abbiamo dimostrato il metodo show () passando nessun parametro.
Poiché il metodo Show () rivela solo quegli elementi nascosti usando il metodo JQuery Hide (), pertanto, dobbiamo prima nascondere un elemento per mostrarlo usando il metodo Show ().
Html
Metodo jquery show ()
Nel codice HTML sopra due elementi e uno
vengono creati elementi. Ora applicheremo i metodi JQuery Hide () e Show () sugli elementi per osservare l'effetto Hide and Show su elemento.
jQuery
Produzione
Prima di fare clic su uno qualsiasi dei pulsanti.
Fai clic sul primo pulsante per far scomparire l'intestazione e dopo che è nascosta, fai clic sul secondo pulsante per rivelare l'intestazione.
La direzione è scomparsa e è apparsa con successo e rapidamente.
Esempio 2
Questo esempio mostra il funzionamento del parametro di velocità.
jQuery
Nell'esempio sopra, abbiamo superato 900 come parametro ai metodi Hide () e show () che significa che una volta fatto clic sul primo pulsante ci vorranno solo 900 millisecondi per la testa per scomparire e solo 900 milioni Fai clic sul secondo pulsante . Più il numero di millisecondi più veloce apparirà l'intestazione e viceversa.
Produzione
Il parametro di velocità è stato eseguito correttamente.
Esempio 3
Questo esempio mostra come funziona il parametro di callback.
jQuery
Nello snippet di codice sopra, insieme al parametro di velocità abbiamo anche superato il parametro di callback. Una volta chiamati i metodi Hide () e Show (), apparirà anche un messaggio di avviso confermando la riuscita esecuzione di entrambi i metodi.
Produzione
Prima di fare clic su uno qualsiasi dei pulsanti.
Dopo aver fatto clic sul primo pulsante per nascondere l'intestazione.
Dopo aver fatto clic sul secondo pulsante per mostrare l'intestazione.
Il parametro di callback funziona correttamente.
Conclusione
Il metodo jQuery show () viene utilizzato allo scopo di mostrare gli elementi nascosti. Mostra solo quegli elementi che sono nascosti usando il metodo JQuery Hide () o la proprietà di visualizzazione CSS. Il metodo JQuery Show () mostra tre parametri che sono; velocità, allentamento e callback. Tutti questi parametri sono opzionali. Il metodo jQuery show () è discusso approfondito in questa guida insieme ad esempi che illustrano l'uso dei diversi parametri del metodo show ().