Praksis til at øve jQuery-biblioteket

Omslut alle afsnit p, inde i hvilke der er et b-tag, i et div-tag.

Find alle afsnit p med klassen www, sæt teksten '!' i starten af dem, tilføj derefter til disse afsnit også overskrifter h1-h6 og farve disse afsnit og overskrifter i rød farve.

Find alle afsnit p og erstat dem med div-tagget med det samme indhold.

Find alle afkrydsningsfelter på siden og deaktivér de lige af de fundne.

Sæt for alle ikke-deaktiverede afkrydsningsfelter status 'markeret'.

Givet element #test. Sæt for dets umiddelbare nabo ovenfor teksten '!', og for naboen nedenfor - teksten '?'. Løs opgaven i én kæde.

Givet element #test. Sæt for dets umiddelbare naboer ovenfor og nedenfor teksten fra element #test.

Givet element #test. Find blandt dets naboer ovenfor den nærmeste afsnit og sæt for det teksten fra element #test.

Find den anden li på siden, tilføj klassen www til den, omslut den inde i med i-tagget, indsæt efter den en li med teksten 'hej'.

Find den tiende li på siden, find dens forælder, få den umiddelbare nabo ovenfor til forælderen, omslut den i <div class="www"></div>.

Tilføj for hvert afsnit p, undtagen afsnit med klassen www, i slutningen dets ordinalnummer.

Find alle afsnit p og sæt foran hvert afsnit dets kopi. Farve kopien i rød farve, og det oprindelige afsnit i grøn.

Find afsnit p, som står umiddelbart under h2 og flyt hvert afsnit sådan, at det kommer til at stå umiddelbart over h2.

Find alle tomme afsnit p (uden tekst) og indsæt i dem teksten fra den umiddelbare nabo ovenfor.

For forælderen til b-tagget, hvis det er et element med klassen www eller et afsnit p, sæt rød farve og tekststørrelse til 30px.

Sæt for alle tomme afsnit p teksten fra det nærmeste h2-tag ovenfor dem.

Givet inputfelter med tal. Gør sådan, at der i inputfelterne kommer til at stå kvadraterne på disse tal.

Givet element #test. Sæt for det i starten teksten fra den umiddelbare nabo ovenfor, og i slutningen - teksten fra den umiddelbare nabo nedenfor.

Givet element #test. Find dets anden nabo ovenfor og dets anden nabo nedenfor. Gør sådan, at de fundne elementer bytter tekst (naboen ovenfor tager teksten fra naboen nedenfor og omvendt).

Givet element div. Vælg fra det alle umiddelbare børn, som ikke er overskrifter og farve dem i rød farve.

Find alle afsnit p, farve dem i rød farve. Vælg derefter blandt de fundne afsnit afsnit med klassen www og sæt for dem teksten '!'.

Find alle afsnit p med klassen www, farve dem i rød farve. Vælg derefter blandt de fundne afsnit det første og sæt for det teksten '!', vælg derefter det sidste og sæt for det teksten '?'. Løs opgaven i én kæde.

Find alle afsnit p, sæt for hver af dem i slutningen den samme tekst, som står inde i det (det vil sige teksten i afsnittet vil blive skrevet to gange).

Find alle afsnit p, sæt for hver af dem i slutningen dets ordinalnummer i sættet.

Givet afsnit med tal. Sæt for hver af dem i slutningen det tal, som står i det, ganget med dets ordinalnummer i sættet.

Ved klik på et afsnit p skal du slette dets umiddelbare naboer ovenfor og nedenfor.

Ved klik på et afsnit p skal du slette alle dets naboer ovenfor op til den første overskrift h1-h6 (det vil sige elementer, som står over denne overskrift og selve overskriften skal ikke slettes).

Ved klik på et afsnit p skal du slette dets nærmeste nabo nedenfor med klassen www.

Ved klik på et afsnit p skal du slette dets femte nabo nedenfor.

Ved klik på et afsnit p skal du slette dets femte nabo nedenfor, hvis det ikke er et h2.

Ved klik på et afsnit p skal du slette dets femte nabo nedenfor, hvis denne nabo ikke har et b-tag inde i sig.

Ved klik på et afsnit p skal du slette dets femte nabo nedenfor, hvis denne nabo ikke står umiddelbart efter et h2.

Givet element #test. Byt dette element om med dets umiddelbare nabo nedenfor.

Givet element #test. Efter dets umiddelbare nabo nedenfor skal du indsætte en kopi af vores element.

Givet element #test. Byt dette element om med dets nærmeste nabo nedenfor med klassen www.

Find alle afsnit p, som inde i en forælder ligger mellem et og et andet h2.

Omslut hvert afsnit p udenpå og inde i i et div.

Find alle afsnit p, hvis umiddelbare forælder ikke er et div og omslut hver af dem i <div class="www"></div>.

Find alle afsnit p. Slet deres forælder (lav en unwrap på den), hvis denne forælder ikke er et div med klassen www. Omslut derefter de afsnit, hvis forælder blev slettet, i et div med klassen zzz.

Find alle forældre til elementet #test og lav et array med CSS-klasser fra disse forældre.

Find alle afsnit p, som har attributten class, og omslut hver af dem i et div med de samme klasser, som det fundne afsnit har, og slet klassene fra hvert afsnit sammen med attributten class.

Find alle afsnit p fra #test, sæt for dem i slutningen teksten '!', udeluk derefter fra de fundne afsnit med klassen www og sæt for de resterende rød farve.

Find alle li på siden, indsæt derefter foran den næstsidste af de fundne endnu en li med teksten 'punkt'.

Find alle li på siden, vælg derefter blandt de fundne den anden, tredje og fjerde fra slutningen og sæt for dem teksten '!'.

Find ol med #test og omrokér alle li i den i omvendt rækkefølge.

Givet element #test. Find alle dets naboer ovenfor og alle dets naboer nedenfor og byt dem om (det vil sige alt, som står før elementet, skal komme efter det og omvendt).

Få alle li med klassen www, giv dem rød farve, find derefter blandt de fundne de li, som har klassen bbb og slet dem. Løs alt i én kæde.

Få alle li på siden. Gør de lige af de fundne tomme, og de ulige skal du slette.

Find alle div-tags og fordoble deres højde.

Find summen af højderne af alle div på siden.

For elementet #test skal du finde den nærmeste forælder med klassen www, tilføj i slutningen af denne forælder et afsnit med teksten '!'.

Ved klik på elementet #test skal du finde dets nærmeste forælder med klassen www, inde i denne forælder skal du finde alle afsnit og farve dem i rød farve.

Farve de første 10 li på siden i rød farve.

Farve fra den 5-te til den 10-te li på siden i rød farve.

Find de sidste 10 li på siden, farve dem i rød farve. Find derefter blandt de fundne de lige li og omslut dem inde i med b-tagget.

På siden er der givet afkrydsningsfelter. Tæl, hvor mange af dem der er markeret.

Givet 5 afkrydsningsfelter. Gør sådan, at efter brugeren har markeret to af dem, skal alle afkrydsningsfelter deaktiveres.

Gør sådan, at alle markerede afkrydsningsfelter skifter deres status til umarkeret og omvendt.

Givet et inputfelt. Flyt indholdet af attributten value til attributten placeholder, og selve attributten value skal du slette helt.

Givet et link. Hvis attributten href starter med http://, skal du tilføje linket attributten target="_blank".

Givet et inputfelt, hvor man kan indtaste et tal. Gør sådan, at ved indtastning af et tal i dette inputfelt og tab af fokus på siden, skal der søges efter et afkrydsningsfelt med dette nummer, og det skal blive markeret, og de andre afkrydsningsfelter skal blive umarkerede.

Givet en vælger og radio knapper, antallet af radioer er lig med antallet af punkt