I metodi add(), eq(), end() ed andSelf() di jQuery

jQuery dispone dei metodi add(), eq(), end() and andSelf() per modificare i risultati restituiti dalla selezione operata dai selettori CSS. Vediamoli in dettaglio.

add()

Questo metodo accetta un selettore come argomento e aggiunge gli elementi selezionati alla selezione precedente:

$('#add').click(function() {
    $('h1').add('h2').addClass('add');
});

eq()

Questo metodo seleziona un elemento specifico di una selezione utilizzando un indice numerico come argomento. L'indice parte da 0, che indica il primo elemento della selezione:

$('#eq').click(function() {
    $('p').eq(1).addClass('eq');
});

end()

Questo metodo non ha argomenti. La sua funzione è quella di far tornare la selezione allo stato originario, ossia di ripassare il controllo al primo set della selezione:

$('#end').click(function() {
    $('h1').next().addClass('end').end().addClass('end');
});

In questo caso il metodo riporta la selezione su $('h1').

andSelf()

Questo metodo non ha argomenti. Il suo funzionamento fa in modo che la selezione corrente comprenda anche il selettore iniziale:

$('#andself').click(function() {
    $('p').eq(0).next().addClass('andself').andSelf().addClass('andself');
});

In questo caso il metodo riporta la selezione su $('p').eq(0).