Concatenare due metodi in jQuery

Nel linguaggio di scripting jQuery posso concatenare due metodi tra loro in un unico selettore.

E' una caratteristica tipica di jQuery

Nota. Non tutti i metodi di jQuery possono essere concatenati.

Un esempio pratico

Esempio 1

Questo selettore concatena due metodi add() e addClass() in una sola riga

$(".blu").add(".verde").addClass("rosso");

Il selettore $(".blu") seleziona gli elementi a cui è associata la classe .blu

Il metodo addClass("rosso") seleziona gli elementi a cui è associata la classe rosso.

Infine, il metodo add(".verde") aggiunge alla selezione anche gli elementi a cui è associata la classe .verde.

Esempio 2

Ecco un altro esempio pratico di concatenazione dei metodi (chaining methods)

$(".blu").siblings().addBack().addClass("prova");

In questo caso il selettore concatena i metodi siblings(), addBack() e addClass() in una sola riga.

Alternativa al concatenamento

In alternativa al concatenamento posso memorizzare il selettore in una variabile e applicare i metodi di volta in volta.

var selettore = $(".blu");
selettore.siblings();
selettore.addBack();
selettore.addClass("prova");

E così via.