jQuery Chaining

Con jQuery, puoi collegare azioni/metodi.

Il chaining ci permette di avere più metodi jQuery in una sola frase (sullo stesso elemento).

Linking di jQuery

Fino ad ora, abbiamo scritto una frase jQuery alla volta (uno dopo l'altro).

Tuttavia, c'è una tecnica chiamata link (chaining) che ci permette di eseguire più comandi jQuery sullo stesso elemento, uno dopo l'altro.

Suggerimento:In questo modo, il browser non deve cercare più volte lo stesso elemento.

Per collegare un'azione, devi semplicemente aggiungere l'azione alla precedente.

Esempio 1

Esempio sotto, unisce css(), slideUp() e slideDown(). L'elemento "p1" diventa rosso per primo, poi si muove verso l'alto e poi verso il basso:

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

Prova personalmente

Se necessario, possiamo anche aggiungere più chiamate di metodo.

Suggerimento:Quando si fa clic su un collegamento, la riga di codice diventa molto cattiva. Tuttavia, jQuery non è molto rigoroso in termini di sintassi; puoi scrivere nel formato desiderato, incluso il riempimento e il rientro.

Esempio 2

Puoi scrivere così e funziona anche:

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

Prova personalmente

jQuery elimina gli spazi in eccesso e esegue il codice di una riga lunga.