I CSS kan du velge alle
elementer på siden med dette:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
I jQuery kan du bruke den samme velgeren.
$("h1") // set of all
elements
Faktisk kan du bruke hvilken som helst CSS-velger (til og med CSS3-velger) i jQuery. I denne skjermsendingen brukte vi til og med: nth-of-type velgeren for å velge den andre definisjonen i en definisjonsliste:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Den .html () -metoden er nyttig. Det lar deg endre (eller få) "innerHTML" til et element. Som i, ikke selve elementet, men alt inni det. "Innvollene" kan du si. Det ligner .text () -metoden, men tekst () er bokstavelig talt bare for tekst. Den vil ikke returnere faktisk HTML fra innsiden av elementet. Så hvis "guts" var Some text, ville det bare returnere "Noe tekst". Hvis du setter tekst med den, slipper du HTML som du legger inn, noe som betyr at du bokstavelig talt ser “”. Å få tekst med den er også unik, for hvis du velger flere elementer, vil den returnere den kombinerte teksten fra dem alle, noe som er unikt i jQuery. I andre tilfeller når du "får" en verdi fra en metode, vil den returnere verdien fra den første i settet. Like .height()vil bare returnere høyden fra det første elementet i settet.
Se pennen eab1c311dd6e399a2006f1694bbbe051 av Chris Coyier (@chriscoyier) på CodePen