jQuery udvalgsoperatorer

Selektorer giver dig mulighed for at operere med elementgrupper eller individuelle elementer.

jQuery udvalgsoperatorer

I de tidligere kapitler har vi vist nogle eksempler på, hvordan man vælger HTML-elementer.

Kernepunktet er at lære, hvordan jQuery-selektorer præcist vælger de elementer, du ønsker at anvende effekter på.

jQuery elementvælgere og egenskabsvælgere giver dig mulighed for at vælge HTML-elementer gennem tagnavn, egenskabsnavn eller indhold.

Vælgere giver dig mulighed for at udføre operationer på grupper af HTML-elementer eller enkelt elementer.

I HTML DOM terminologi:

Vælgere tillader dig at udføre operationer på grupper af DOM-elementer eller enkelt DOM-noder.

jQuery elementvælgere

jQuery bruger CSS vælgere til at vælge HTML-elementer.

$("p") vælger <p> elementer.

$("p.intro") vælger alle <p> elementer med class="intro".

$("p#demo") vælger alle <p> elementer med id="demo".

jQuery egenskabsvælgere

jQuery bruger XPath-udtryk til at vælge elementer med en given egenskab.

$("[href]") vælger alle elementer med href-ejenskab.

$("[href='#']") vælger alle elementer med href-værdi, der er "#".

$("[href!='#']") vælger alle elementer med href-værdi, der ikke er "#".

$("[href$='.jpg']") vælger alle elementer med href-værdi, der ender med ".jpg".

jQuery CSS vælgere

jQuery CSS vælgere kan bruges til at ændre CSS-ejenskaber på HTML-elementer.

Følgende eksempel ændrer baggrundsfarven for alle p-elementer til rød:

Eksempel

$("p").css("background-color","red");

Prøv det selv

Flere vælgereksempel

Syntaks Beskrivelse
$(this) den aktuelle HTML element
$("p") alle <p> elementer
$("p.intro") alle <p> elementer med class="intro"
$(".intro") alle elementer med class="intro"
$("#intro") elementet med id="intro"
$("ul li:first") den første <li> element i hver <ul>
$("[href$='.jpg']") alle med href-egenskab, der ender med ".jpg"
$("div#intro .head") elementet <div> med id="intro" indeholder alle elementer med class="head"

For et fuldt referencehåndbog, besøg vores jQuery Vælgere Referencemanual。