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]
[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"]
[name="value"]
$('a[target="_blank"]') // alle links met target="_blank" of zonder opgegeven target
Attribuut is niet gelijk aan [name!="value"]
[name!="value"]
$('a[target!="_blank"]') // alle links met een target (verschillend van “_blank”)
Attribuut begint met [name^="value"]
[name^="value"]
$('a[href^="http://"]') // alle externe html-links
Attribuut eindigt op [name$="value"]
[name$="value"]
$('a[href$=".com"]') // alle links die eindigen op .com
Attribuut bevat[name*="value"]
[name*="value"]
$('a[href*="wiki"]') // alle links die de tekenreeks "wiki" bevatten
Meervoudige attribuutfilters [filter1][filter2]
[filter1][filter2]
$('a[href^="http://"][title]') // alle externe links met een title-attribuut
Last updated