Un metodo di selezione degli elementi molto utile è quello che
permette di indicare regole specifiche per gli attributi
degli elementi. Come in precedenza, la sintassi non si
discosta da quella dei CSS:
$("a[target='_blank']"); //tutti i link che si aprono in nuove finestre
In questo primo esempio abbiamo individuato un valore ben
definito per l'attributo target. Tuttavia
possiamo indicare anche solo una parte del valore:
$("a[title^='nuova']"); //link con titolo che inizia per "nuova"
$("a[title$='pagina']"); //link con titolo che finisce per "pagina"
Oppure ancora escludere dalla selezione elementi con
determinati valori:
"$("a[target!='_blank']"); //link che non aprano una nuova pagina del browser
In realtà possiamo decidere di ricercare tutti gli elementi
con uno specifico attributo senza tener conto del suo valore.
Quest'ultimo selettore potrebbe ritornarci utile nel cso volessimo
sostituire il tooltip di default del browser con uno script più
complesso come tooltip:
$("a[title]").tooltip(); //tutti i link che hanno impostato l'attributo "title" diventano un tooltip grafico
Inutile dire che è possibile concatenare i selettori di
attributi per raffinare al meglio la nostra ricerca:
$("a[target='_blank'][title='nuova pagina']");
In questa pagina di esempio potete testare i selettori di
attributi con alcuni interessanti scenari che vi si potrebbero
prospettare in fase di sviluppo.