Praksis for å jobbe med jQuery-biblioteket

Задание 1

Pakke alle avsnitt p som inneholder taggen b inn i taggen div.

Задание 2

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.

Задание 3

Finn alle avsnitt p og erstatt dem med taggen div med samme innhold.

Задание 4

Finn alle avkrysningsruter på siden og deaktiver de partallige av de funnet.

Задание 5

Sett alle ikke-deaktiverte avkrysningsruter status <a href="/no/markup/manual/html/attr/checked/">'avmerket'</a>.

Задание 6

Gitt elementet #test. Sett til dens umiddelbare nabo over teksten '!', og til naboen under - teksten '?'. Løs oppgaven med en kjedet kommando.

Задание 7

Gitt elementet #test. Sett til dens umiddelbare naboer over og under teksten til elementet #test.

Задание 8

Gitt elementet #test. Finn blant dens naboer over den nærmeste avsnittet og sett teksten til elementet #test til det.

Задание 9

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'.

Задание 10

Finn den tiende li på siden, finn dens forelder, få den umiddelbare naboen til forelderen over, pakke den inn i <div class="www"></div>.

Задание 11

Til hvert avsnitt p, unntatt avsnitt med klassen www, legg til slutten dens ordningsnummer.

Задание 12

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.

Задание 13

Finn avsnitt p som står umiddelbart under h2 og flytt hvert avsnitt slik at det kommer umiddelbart over h2.

Задание 14

Finn alle tomme avsnitt p (uten tekst) og sett inn i dem teksten fra den umiddelbare naboen over.

Задание 15

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.

Задание 16

Sett til alle tomme avsnitt p teksten fra den nærmeste taggen h2 over dem.

Задание 17

Det er gitt inndatafelt med tall. Gjør slik at i inndatafeltene står kvadratene av disse tallene.

Задание 18

Gitt elementet #test. Sett i begynnelsen teksten fra den umiddelbare naboen over, og i slutten - teksten fra den umiddelbare naboen under.

Задание 19

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).

Задание 20

Gitt elementet div. Velg fra det alle umiddelbare barn, som ikke er overskrifter og farg dem i rødt.

Задание 21

Finn alle avsnitt p, farg dem i rødt. Velg deretter blant de funnet avsnittene avsnitt med klassen www og sett teksten '!' til dem.

Задание 22

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.

Задание 23

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).

Задание 24

Finn alle avsnitt p, sett til hver av dem i slutten dens ordningsnummer i settet.

Задание 25

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.

Задание 26

Ved klikk på et avsnitt p slett dets umiddelbare naboer over og under.

Задание 27

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).

Задание 28

Ved klikk på et avsnitt p slett dets nærmeste nederste nabo med klassen www.

Задание 29

Ved klikk på et avsnitt p slett dets femte nabo under.

Задание 30

Ved klikk på et avsnitt p slett dets femte nabo under, hvis det ikke er h2.

Задание 31

Ved klikk på et avsnitt p slett dets femte nabo under, hvis denne naboen ikke har taggen b inni seg.

Задание 32

Ved klikk på et avsnitt p slett dets femte nabo under, hvis denne naboen ikke står umiddelbart etter h2.

Задание 33

Gitt elementet #test. Bytt dette elementet med dens umiddelbare nabo under.

Задание 34

Gitt elementet #test. Etter dens umiddelbare nabo under, sett inn en kopi av vårt element.

Задание 35

Gitt elementet #test. Bytt dette elementet med dens nærmeste nabo under med klassen www.

Задание 36

Finn alle avsnitt p, som inni en forelder ligger mellom en og en annen h2.

Задание 37

Pakke hvert avsnitt p utenpå og inni i div.

Задание 38

Finn alle avsnitt p, hvor den umiddelbare forelderen ikke er div og pakke hver av dem i <div class="www"></div>.

Задание 39

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.

Задание 40

Finn alle foreldre til elementet #test og lag en array av CSS-klassene til disse foreldrene.

Задание 41

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.

Задание 42

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.

Задание 43

Finn alle li på siden, sett deretter inn foran den nest siste av de funnet en til li med teksten 'punkt'.

Задание 44

Finn alle li på siden, velg deretter blant de funnet den andre, tredje og fjerde fra slutten og sett til dem teksten '!'.

Задание 45

Finn ol med #test og omorganiser alle li i den i omvendt rekkefølge.

Задание 46

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).

Задание 47

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.

Задание 48

Få alle li på siden. De partallige av de oppnådde, gjør tomme, og de oddetallige, slett.

Задание 49

Finn alle tagger div og doble deres høyde.

Задание 50

Finn summen av høydene til alle div på siden.

Задание 51

For elementet #test finn den nærmeste forelderen med klassen www, i slutten av denne forelderen legg til et avsnitt med teksten '!'.

Задание 52

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.

Задание 53

Farg de første 10 li på siden i rødt.

Задание 54

Farg fra den 5-te til den 10-te li på siden i rødt.

Задание 55

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.

Задание 56

På siden er det gitt avkrysningsruter. Tell hvor mange av dem som er avmerket.

Задание 57

Det er gitt 5 avkrysningsruter. Gjør slik at etter at brukeren har merket to av dem, blir alle avkrysningsrutene deaktivert.

Задание 58

Gjør slik at alle avmerkede avkrysningsruter endrer sin status til ikke-avmerket og omvendt.

Задание 59

Gitt et inndatafelt. Flytt innholdet i attributtet value til attributtet placeholder, og slett attributtet value helt.

Задание 60

Gitt en lenke. Hvis attributtet href begynner med http://, legg til attributtet target="_blank" til lenken.

Задание 61

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.

Задание 62

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).