JavaScript  »  Articoli  »  Programmazione Javascript 

jQuery Chaining: concatenare i metodi

Secondo l'architettura della libreria, tutti i metodi che non estraggono un valore restituiscono un riferimento all'oggetto jQuery su cui sono stati lanciati. In termini pratici questo significa che è possibile lanciare più metodi in sequenza (chain):

$('#menu')
.addClass('has_dropdown') 	//aggiungo una classe al menu
.css('max-height', '200px')	//modifico una proprietà CSS
.dropdown();				//applico un plugin

Questa tecnica rende più leggibile, compatto ed ordinato il codice. Lo snippet è scritto secondo una convenzione consolidata per cui ogni metodo della catena occupa una riga, ciò rafforza l'idea della sequenzialità delle azioni.

Inoltre, in questo caso non abbiamo salvato la selezione in una variabile, visto che tutti i metodi vengono lanciati sullo stesso oggetto jQuery $('#menu').

Sebbene non vi siano grandi vantaggi a livello di performance rispetto alla tecnica del caching (test jsperf), la tecnica del chaining risulta più comoda quando dobbiamo agire in sequenza su una serie di elementi senza necessità di accedervi nuovamente nelle righe successive.

Altri articoli

Altre guide

Altre newsletter