jQuery: selezionare tutti gli elementi con una data classe ma senza un’altra

Loading

In questo breve articolo volevamo mostrare come selezionare con jQuery un gruppo di elementi con una data classe ad eccezione di quelli che che ne hanno un’altra.
 
Prendiamo ad esempio in conseiderazione il seguente codice HTML:

<ul>
    <li class="bianco">Bianco</li>
    <li class="bianco verde">Bianco Verde</li>
    <li class="bianco">Bianco</li>
    <li class="bianco verde">Bianco Verde</li>
    <li class="bianco">Bianco Verde</li>
</ul>

Alcuni elementi hanno solo la classe bianco, altri hanno 2 classi: bianco e verde.
Noi vogliamo selezionare solo gli elementi che hanno la classe bianco, ma non la verde.

Con jQuery è molto semplice, du seguito riportiamo 3 possibili modi:

        $('.bianco:not(.verde)').css('color','#eee');
	$('.bianco').not('.verde').css('color','#eee');
	$('.bianco').not($('.verde')).css('color','#eee');

Nel primo caso abbiamo usato il selettore :not, negli altri 2 casi abbiamo usato il metodo .not().
In due casi abbiamo usati