Gli ultimi tutorial di sviluppo web
 

jQuery - concatenamento


Con jQuery, è possibile concatenare azioni / metodi.

Concatenamento ci permette di eseguire più metodi di jQuery (sullo stesso elemento) all'interno di una singola istruzione.


jQuery Metodo concatenamento

Fino ad ora ci sono state scrivendo jQuery dichiarazioni uno alla volta (uno dopo l'altro).

Tuttavia, vi è una tecnica chiamata concatenamento, che ci permette di eseguire più comandi jQuery, uno dopo l'altro, sullo stesso element(s) .

Suggerimento: In questo modo, i browser non c'è bisogno di trovare lo stesso element(s) più di una volta.

Per catena di un'azione, è sufficiente aggiungere il azione per l'azione precedente.

Il seguente esempio catene insieme i css(), slideUp() , e slideDown() metodi. Il "p1" primo elemento diventa rosso, poi scivola e quindi scorre verso il basso:

Esempio

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Prova tu stesso "

Potremmo anche aggiunto più chiamate di metodo, se necessario.

Suggerimento: quando il concatenamento, la riga di codice potrebbe diventare piuttosto lungo.Tuttavia, jQuery non è molto severa sulla sintassi; si può formattare come si vuole, tra cui interruzioni di riga e rientranze.

Questo funziona anche bene:

Esempio

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
Prova tu stesso "

jQuery butta via gli spazi bianchi in più ed esegue le righe sopra come una lunga linea di codice.