jQuery - Concatenamento
Con jQuery, puoi concatenare azioni/metodi.
Il concatenamento ci consente di eseguire più metodi jQuery (sullo stesso elemento) all'interno di una singola istruzione.
Concatenamento del metodo jQuery
Finora abbiamo scritto le istruzioni jQuery una alla volta (una dopo l'altra).
Tuttavia, esiste una tecnica chiamata concatenamento, che ci consente di eseguire più comandi jQuery, uno dopo l'altro, sugli stessi elementi.
Suggerimento: in questo modo, i browser non devono trovare gli stessi elementi più di una volta.
Per concatenare un'azione, è sufficiente aggiungere l'azione all'azione precedente.
L'esempio seguente concatena i
metodi css(), slideUp(), e . slideDown()L'elemento "p1" prima diventa rosso, quindi scorre verso l'alto e quindi verso il basso:
Esempio
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Avremmo anche potuto aggiungere più chiamate di metodo, se necessario.
Suggerimento : durante il concatenamento, la riga di codice potrebbe diventare piuttosto lunga. Tuttavia, jQuery non è molto severo sulla sintassi; puoi formattarlo come desideri, comprese interruzioni di riga e rientri.
Anche questo funziona bene:
Esempio
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery elimina spazi bianchi extra ed esegue le righe sopra come una lunga riga di codice.