Attribuut selectors

Vanuit CSS kan u elementen selecteren op basis van hun attribuut. Ook deze eigenschap werd door jQuery overgenomen. Bekijk de broncode van het oefenbestand. Neem bijvoorbeeld een afbeelding. Alle afbeeldingen hebben natuurlijk een src-attribuut en een alt-attribuut. Sommige afbeeldingen hebben ook het title-attribuut.

Zie : http://api.jquery.com/category/selectors/attribute-selectors/

Attribuut bestaat [name]

$('img[src]')            // alle afbeeldingen met het src-attribuut
$('img[title]')          // alle afbeeldingen met het title-attribuut
$('a[target]')           // alle links met het target-attribuut
$('a:not([target])')     // alle links zonder target-attribuut

We kunnen een selectie nog verder verfijnen door de waarde of inhoud van het attribuut te controleren.

Attribuut is gelijk aan [name="value"]

$('a[target="_blank"]')      // alle links met target="_blank" of zonder opgegeven target

Attribuut is niet gelijk aan [name!="value"]

$('a[target!="_blank"]')     // alle links met een target (verschillend van “_blank”)

Attribuut begint met [name^="value"]

$('a[href^="http://"]')      // alle externe html-links

Attribuut eindigt op [name$="value"]

$('a[href$=".com"]')         // alle links die eindigen op .com

Attribuut bevat[name*="value"]

$('a[href*="wiki"]')         // alle links die de tekenreeks "wiki" bevatten

Meervoudige attribuutfilters [filter1][filter2]

$('a[href^="http://"][title]')   // alle externe links met een title-attribuut