Metodo di nascondino jQuery | Spiegato
JQuery, che è una libreria JavaScript fa attività di animazione, gestione degli eventi o AJAX. Queste sono alcune attività che di solito richiederebbero più righe di codice per essere raggiunte, ma JQuery fornisce alcuni metodi che possono soddisfare queste attività in una sola linea di codice. Sebbene, ci siano numerose quantità di metodi jQuery, tuttavia, in questa guida ci atterremo al metodo JQuery Hide () e vedremo come funziona.
Metodo JQuery Hide ()
Come suggerisce il nome, il metodo JQuery Hide () viene utilizzato allo scopo di nascondere elementi specificati. Gli elementi che nascondi usando il Metodo JQuery Hide () sarà completamente invisibile per l'utente.
Sintassi
$ selettore.nascondersi (parametro)I diversi parametri che puoi passare al metodo Hide () sono i seguenti.
| Parametro | Descrizione |
|---|---|
| velocità | Questo parametro descrive la velocità degli effetti di nascondino. Può esibire valori come lenti, veloci e milisecondi. |
| allentamento | Questo parametro descrive la velocità di un elemento in diversi punti di animazione. Può esibire valori come swing e lineare. |
| richiamare | È una funzione che esegue una volta terminato il metodo Hide (). |
Nota: Tutti i parametri sopra menzionati sono opzionali.
Di seguito abbiamo illustrato alcuni esempi che aiuteranno a stabilire una migliore comprensione del metodo Hide ().
Esempio 1
Questo esempio dimostra il metodo Hide () passando nessun parametro.
Html
Fai clic sul pulsante in basso per nascondere questa intestazione.
Nel codice HTML sopra vengono creati due elementi
E . Ora applicheremo il metodo JQuery Hide () sul nascondere il elemento.
jQuery
Produzione
Prima di fare clic sul pulsante "Nascondi".
Dopo aver fatto clic sul pulsante, l'intestazione scomparirà.
La direzione è scomparsa con successo e rapidamente.
Esempio 2
Questo esempio mostra il funzionamento del parametro di velocità.
jQuery
Nell'esempio sopra, abbiamo superato 900 come parametro alla funzione Hide (), il che significa che una volta fatto clic sul pulsante ci vorrà solo 900 millisecondi affinché la direzione scompare. Più è il numero di milisecondi più velocemente l'intestazione scomparirà e viceversa.
Produzione
Il parametro di velocità funziona correttamente.
Esempio 3
Questo esempio mostra il funzionamento del parametro di callback.
jQuery
Nello snippet di codice sopra, insieme al parametro di velocità abbiamo anche superato il parametro di callback. Una volta eseguito il metodo Hide (), verrà anche visualizzato un messaggio di avviso confermando la corretta esecuzione del metodo.
Produzione
Prima di fare clic sul pulsante.
Dopo aver fatto clic sul pulsante.
Il parametro di callback funziona correttamente.
Conclusione
Il metodo JQuery Hide () viene utilizzato allo scopo di nascondere elementi specificati. Una volta nascosti gli elementi, scompariranno completamente dalla vista dell'utente. È possibile passare tre parametri alla funzione Hide () che sono; velocità, allentamento e callback. Tutti questi parametri sono opzionali. Il metodo JQuery Hide () è spiegato in modo approfondito in questa guida insieme ad esempi che illustrano l'uso dei diversi parametri del metodo Hide ().