Basisfilters

Zie : http://api.jquery.com/category/selectors/basic-filter-selectors/

De selectors die we tot hiertoe hebben besproken, selecteren telkens een volledig element. $('tr') selecteert bijvoorbeeld alle tr-tags in een tabel.

Stel dat we nu enkel de even of oneven rijen in een tabel wensen te selecteren, dan doen we dit aan de hand van filters. Een filter is als het ware een subselectie binnen een hoofdselectie. Alle filters worden met een dubbelpunt als prefix aangeduid. Voor de oneven rijen (rijen met index 1, 3, ...) in een tabel wordt dit: $('tr:odd').

Bij sommige filters moet u eveneens een index meegeven. Het eerste element heeft de index 0. Om bijvoorbeeld de derde rij binnen een tabel te selecteren, geeft u als index de waarde 2 mee $('tr:eq(2)').

Subselecties binnen een reeks

$('table tr:even')   // alle even tr-tags binnen een tabel
$('table tr:odd')    // alle oneven tr-tags binnen een tabel
$('img:first')       // de eerste afbeelding op de pagina
$('img:last')        // de laatste afbeelding op de pagina

$('img:eq(2)')       // de DERDE (niet tweede) afbeelding op de pagina
$('img:lt(2)')       // alle afbeeldingen voor de derde afbeelding
$('img:gt(2)')       // alle afbeeldingen na de derde afbeelding

Inverse subselecties binnen een reeks met :not()

$('img:not(:eq(2))')  // alle afbeeldingen, behalve de derde afbeelding

Overige subselecties

(De drie laatste selectors kan u niet op het oefenbestand testen.)

$('*:header')        // alle hx-tags (h1 t/m h6)
$(':header')         // alle hx-tags (h1 t/m h6)
$('*:focus')         // het element dat op dit moment geselecteerd is
$(':focus')          // het element dat op dit moment geselecteerd is
$('div:animated')    // alle div-tags die op dit moment bewegen