I CSS kan du vælge alle
elementer på siden med dette:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
I jQuery kan du bruge den nøjagtige samme vælger.
$("h1") // set of all
elements
Faktisk kan du bruge en hvilken som helst CSS-vælger (selv CSS3-vælger) i jQuery. I denne screencast brugte vi endda: nth-of-type-vælgeren til at vælge det andet definitionsbegreb i en definitionsliste:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Denne .html () -metode er en nyttig metode. Det giver dig mulighed for at ændre (eller få) "innerHTML" af et element. Som i ikke elementet selv, men alt inde i det. "Tarmen" kan du sige. Det ligner metoden .text (), men tekst () er bogstaveligt talt kun til tekst. Det returnerer ikke faktisk HTML indefra elementet. Så hvis "tarmen" var Some text, ville det bare returnere "Noget tekst". Indstilling af tekst med den undgår enhver HTML, du indsætter, hvilket betyder, at du bogstaveligt talt ville se "". At få tekst med den er også unik, for hvis du vælger flere elementer, returnerer den den kombinerede tekst fra dem alle, hvilket er unikt i jQuery. I andre tilfælde når du "får" en værdi fra en metode, returnerer den værdien fra den første i sættet. Like .height()vil bare returnere højden fra det første element i sættet.
Se pennen eab1c311dd6e399a2006f1694bbbe051 af Chris Coyier (@chriscoyier) på CodePen