Praksis for å jobbe med jQuery-biblioteket
Pakke alle avsnitt p som inneholder
taggen b inn i
taggen div.
Finn alle avsnitt p med klassen
www, sett teksten
'!' i begynnelsen av dem,
legg deretter til overskrifter h1-h6 til disse avsnittene
og farg disse avsnittene og overskriftene i rødt.
Finn alle avsnitt p og erstatt dem
med taggen div med samme innhold.
Finn alle avkrysningsruter på siden og deaktiver de partallige av de funnet.
Sett alle
ikke-deaktiverte
avkrysningsruter
status 'avmerket'.
Gitt elementet #test. Sett til dens umiddelbare
nabo over teksten '!', og til naboen
under - teksten '?'. Løs oppgaven med en
kjedet kommando.
Gitt elementet #test. Sett til dens umiddelbare
naboer over og under teksten til elementet #test.
Gitt elementet #test. Finn blant dens naboer over
den nærmeste avsnittet og sett teksten til elementet
#test til det.
Finn den andre li på siden,
legg til klassen www til den, pakke
den inni med taggen i, sett inn etter
den en li med teksten 'hei'.
Finn den tiende li på siden,
finn dens forelder, få den umiddelbare
naboen til forelderen over, pakke den inn i
<div class="www"></div>.
Til hvert avsnitt p, unntatt avsnitt
med klassen www, legg til slutten dens
ordningsnummer.
Finn alle avsnitt p og sett
en kopi av hvert avsnitt foran seg. Farg kopien
i rødt, og det opprinnelige avsnittet i grønt.
Finn avsnitt p som står
umiddelbart under h2
og flytt hvert avsnitt slik at det
kommer umiddelbart over h2.
Finn alle tomme avsnitt p
(uten tekst) og sett inn i dem teksten
fra den umiddelbare naboen over.
Forelderen til taggen b, hvis det er
et element med klassen www eller et avsnitt
p, sett rød farge og
tekststørrelse
til 30px.
Sett til alle tomme avsnitt p
teksten fra den nærmeste taggen h2 over dem.
Det er gitt inndatafelt med tall. Gjør slik at i inndatafeltene står kvadratene av disse tallene.
Gitt elementet #test. Sett i begynnelsen teksten
fra den umiddelbare naboen over, og i slutten
- teksten fra den umiddelbare naboen under.
Gitt elementet #test. Finn dens andre nabo
over og dens andre nabo under. Gjør slik
at de funnet elementene bytter
tekst (naboen over tar teksten til naboen
under og omvendt).
Gitt elementet div. Velg
fra det alle umiddelbare barn, som
ikke er overskrifter og farg dem i
rødt.
Finn alle avsnitt p, farg
dem i rødt. Velg deretter blant de funnet
avsnittene avsnitt med klassen www og sett
teksten '!' til dem.
Finn alle avsnitt p med klassen
www, farg dem i rødt.
Velg deretter blant de funnet avsnittene den første
og sett teksten '!' til den, velg deretter
den siste og sett teksten '?' til den.
Løs oppgaven med en kjedet kommando.
Finn alle avsnitt p, sett
til hver av dem i slutten den samme teksten, som
står inni den (det vil si at teksten i avsnittet
blir skrevet to ganger).
Finn alle avsnitt p, sett
til hver av dem i slutten dens ordningsnummer
i settet.
Det er gitt avsnitt med tall. Sett til hver av dem i slutten tallet, som er lagret i den, multiplisert med dens ordningsnummer i settet.
Ved klikk på et avsnitt p slett
dets umiddelbare naboer over og under.
Ved klikk på et avsnitt p slett
alle dens naboer over til den første overskriften
h1-h6 (det vil si elementer som står
over denne overskriften og selve overskriften
skal ikke slettes).
Ved klikk på et avsnitt p slett
dets nærmeste nederste nabo med
klassen www.
Ved klikk på et avsnitt p slett
dets femte nabo under.
Ved klikk på et avsnitt p slett
dets femte nabo under, hvis det ikke er
h2.
Ved klikk på et avsnitt p slett
dets femte nabo under, hvis denne naboen
ikke har taggen b inni seg.
Ved klikk på et avsnitt p slett
dets femte nabo under, hvis denne naboen
ikke står umiddelbart etter h2.
Gitt elementet #test. Bytt dette
elementet med dens umiddelbare
nabo under.
Gitt elementet #test. Etter dens
umiddelbare nabo under, sett inn
en kopi av vårt element.
Gitt elementet #test. Bytt dette
elementet med dens nærmeste nabo
under med klassen www.
Finn alle avsnitt p, som
inni en forelder ligger mellom en
og en annen h2.
Pakke hvert avsnitt p utenpå
og inni i div.
Finn alle avsnitt p, hvor
den umiddelbare forelderen ikke er div
og pakke hver av dem i <div class="www"></div>.
Finn alle avsnitt p. Slett
deres forelder (gjør en unwrap på den),
hvis denne forelderen ikke er div med klassen
www. Deretter, for de avsnittene, hvor
forelderen ble slettet, pakke inn i div
med klassen zzz.
Finn alle foreldre til elementet #test
og lag en array av CSS-klassene til disse foreldrene.
Finn alle avsnitt p, som har
attributtet class, og pakke hver av dem
inni div med de samme klassene,
som det funnet avsnittet, og slett klassene til hvert
avsnitt sammen med attributtet class.
Finn alle avsnitt p fra
#test, sett til dem i slutten teksten
'!', deretter ekskluder fra de funnet
avsnittene med klassen www og til de resterende
sett rød farge.
Finn alle li på siden,
sett deretter inn foran den nest siste av de funnet
en til li med teksten 'punkt'.
Finn alle li på siden,
velg deretter blant de funnet den andre, tredje
og fjerde fra slutten og sett til dem teksten
'!'.
Finn ol med #test
og omorganiser alle li
i den i omvendt rekkefølge.
Gitt elementet #test. Finn alle dens
naboer over og alle dens naboer under og
bytt om på dem (det vil si alt som står
før elementet, skal komme etter det og omvendt).
Få alle li med klassen
www, gjør dem røde, deretter
finn blant de funnet de li,
som har klassen bbb og slett
dem. Løs alt med en kjedet kommando.
Få alle li på siden. De partallige
av de oppnådde, gjør tomme, og
de oddetallige, slett.
Finn alle tagger div og doble
deres høyde.
Finn summen av høydene til alle div
på siden.
For elementet #test finn den nærmeste
forelderen med klassen www, i slutten av denne
forelderen legg til et avsnitt med teksten '!'.
Ved klikk på elementet #test finn dens
nærmeste forelder med klassen www, inni
denne forelderen finn alle avsnitt og farg dem
i rødt.
Farg de første 10 li
på siden i rødt.
Farg fra den 5-te til den 10-te li
på siden i rødt.
Finn de siste 10 li
på siden, farg dem i rødt.
Finn deretter blant de funnet de partallige li
og pakke dem inni i taggen b.
På siden er det gitt avkrysningsruter. Tell hvor mange av dem som er avmerket.
Det er gitt 5
avkrysningsruter.
Gjør slik at etter at brukeren
har merket to av dem, blir alle avkrysningsrutene
deaktivert.
Gjør slik at alle avmerkede avkrysningsruter endrer sin status til ikke-avmerket og omvendt.
Gitt et inndatafelt.
Flytt innholdet i attributtet value til attributtet
placeholder,
og slett attributtet value helt.
Gitt en lenke.
Hvis attributtet href begynner med http://,
legg til attributtet target="_blank" til lenken.
Gitt et inndatafelt, der man kan skrive inn et tall. Gjør slik at når man skriver inn et tall i dette inndatafeltet og mister fokuset på siden, søkes det etter en avkrysningsrute med det nummeret og den blir avmerket, og de andre avkrysningsrutene blir ikke-avmerket.
Gitt en nedtrekksliste og radioknapper, antall radioer er lik antall punkt i nedtrekkslisten. Gjør slik at ved valg av et punkt i nedtrekkslisten automatisk blir avmerket den tilsvarende radioknappen (samsvar etter følgenummer: første punkt i listen - til første radio og så videre).