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-attribuutWe 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 targetAttribuut 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-linksAttribuut eindigt op [name$="value"]
[name$="value"]$('a[href$=".com"]') // alle links die eindigen op .comAttribuut 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-attribuutLast updated