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

PreviousInhoudsfilters NextChildfilters

Last updated 7 years ago

hashtagAttribuut bestaat [name]

hashtagAttribuut is gelijk aan [name="value"]

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

hashtagAttribuut begint met [name^="value"]

hashtagAttribuut eindigt op [name$="value"]

hashtagAttribuut bevat[name*="value"]

hashtag Meervoudige attribuutfilters [filter1][filter2]