Prakses uzdevumi jQuery bibliotēkai

Visus rindkopas p, kurās ir tags b, ietveriet tagā div.

Atrodiet visas rindkopas p ar klasi www, iestatiet tām sākumā tekstu '!', pēc tam pievienojiet šīm rindkopām vēl arī virsrakstus h1-h6 un iekrāsojiet šīs rindkopas un virsrakstus sarkanā krāsā.

Atrodiet visas rindkopas p un aizstājiet tās ar tagu div ar tādu pašu saturu.

Atrodiet visus izvēles rūtiņas lapā un bloķējiet pāra no atrastajām.

Iestatiet visām nebloķētajām izvēles rūtiņām statusu 'atzīmēts'.

Dots elements #test. Iestatiet tā tiešajam kaimiņam augšā tekstu '!', bet kaimiņam apakšā - tekstu '?'. Atrisiniet uzdevumu ar vienu ķēdi.

Dots elements #test. Iestatiet tā tiešajiem kaimiņiem augšā un apakšā elementa #test tekstu.

Dots elements #test. Atrodiet starp tā kaimiņiem augšā tuvāko rindkopu un iestatiet tai elementa #test tekstu.

Atrodiet otro li lapā, pievienojiet tam klasi www, ietveriet to iekšā tagā i, ievietojiet pēc tā li ar tekstu 'sveiki'.

Atrodiet desmito li lapā, atrodiet tā vecāku, iegūstiet vecāka tiešo kaimiņu augšā, ietveriet to <div class="www"></div>.

Katrai rindkopai p, izņemot rindkopas ar klasi www, pievienojiet beigās tās kārtas numuru.

Atrodiet visas rindkopas p un ievietojiet pirms katras rindkopas tās kopiju. Kopiju iekrāsojiet sarkanā krāsā, bet sākotnējo rindkopu zaļā krāsā.

Atrodiet rindkopas p, kas atrodas tieši zem h2 un pārvietojiet katru rindkopu tā, lai tā atrastos tieši virs h2.

Atrodiet visas tukšās rindkopas p (bez teksta) un ievietojiet tajās teksta tiešā kaimiņa augšā.

Tags b vecākam, ja tas ir elements ar klasi www vai rindkopa p, iestatiet sarkano krāsu un teksta izmēru uz 30px.

Visām tukšajām rindkopām p iestatiet tekstu tuvākajam tām augšā esošajam tagam h2.

Doti ievades lauki ar skaitļiem. Padariet tā, lai ievades laukos būtu šo skaitļu kvadrāti.

Dots elements #test. Iestatiet tam sākumā teksta tiešā kaimiņa augšā, bet beigās - teksta tiešā kaimiņa apakšā.

Dots elements #test. Atrodiet tā otro kaimiņu augšā un tā otro kaimiņu apakšā. Padariet tā, lai atrastie elementi apmainītos ar tekstu (kaimiņš augšā paņems kaimiņa apakšā tekstu un otrādi).

Dots elements div. Izvēlieties no tā visus tiešos pēcnācējus, kuri nav virsraksti un iekrāsojiet tos sarkanā krāsā.

Atrodiet visas rindkopas p, iekrāsojiet tās sarkanā krāsā. Pēc tam izvēlieties starp atrastajām rindkopām rindkopas ar klasi www un iestatiet tām tekstu '!'.

Atrodiet visas rindkopas p ar klasi www, iekrāsojiet tās sarkanā krāsā. Pēc tam izvēlieties starp atrastajām rindkopām pirmo un iestatiet tai tekstu '!', pēc tam izvēlieties pēdējo un tai iestatiet tekstu '?'. Atrisiniet uzdevumu ar vienu ķēdi.

Atrodiet visas rindkopas p, iestatiet katrai no tām beigās to pašu tekstu, kurš atrodas tajā (tas ir, teksts rindkopā tiks uzrakstīts divreiz).

Atrodiet visas rindkopas p, iestatiet katrai no tām beigās tās kārtas numuru kopā.

Dotas rindkopas ar skaitļiem. Iestatiet katrai no tām beigās skaitli, kurš tajā glabājas, reizinātu ar tās kārtas numuru kopā.

Kad noklikšķina uz rindkopas p, izdzēsiet tās tiešos kaimiņus augšā un apakšā.

Kad noklikšķina uz rindkopas p, izdzēsiet visus tās kaimiņus augšā līdz pirmajam virsrakstam h1-h6 (tas ir, elementus, kas atrodas virs šī virsraksta un pašu virsrakstu dzēst nevajag).

Kad noklikšķina uz rindkopas p, izdzēsiet tās tuvāko apakšējo kaimiņu ar klasi www.

Kad noklikšķina uz rindkopas p, izdzēsiet tās piekto kaimiņu no apakšas.

Kad noklikšķina uz rindkopas p, izdzēsiet tās piekto kaimiņu no apakšas, ja tas nav h2.

Kad noklikšķina uz rindkopas p, izdzēsiet tās piekto kaimiņu no apakšas, ja šim kaimiņam nav iekšā tagu b.

Kad noklikšķina uz rindkopas p, izdzēsiet tās piekto kaimiņu no apakšas, ja šis kaimiņš neatrodas tieši aiz h2.

Dots elements #test. Samainiet šo elementu vietām ar tā tiešo kaimiņu apakšā.

Dots elements #test. Pēc tā tiešā kaimiņa apakšā ievietojiet mūsu elementa kopiju.

Dots elements #test. Samainiet šo elementu vietām ar tā tuvāko kaimiņu apakšā ar klasi www.

Atrodiet visas rindkopas p, kuras iekšā viena vecāka atrodas starp vienu un otru h2.

Ietveriet katru rindkopu p ārpusē un iekšā div.

Atrodiet visas rindkopas p, kurām tiešais vecāks nav div un ietveriet katru no tām <div class="www"></div>.

Atrodiet visas rindkopas p. Izdzēsiet to vecāku (veiciet tam unwrap), ja šis vecāks nav div ar klasi www. Pēc tam tām rindkopām, kurām tika izdzēsts vecāks, ietveriet div ar klasi zzz.

Atrodiet visus elementa #test vecākus un izveidojiet masīvu no šo vecāku CSS klasēm.

Atrodiet visas rindkopas p, kurām ir atribūts class, un katru no tām ietveriet div ar tādām pašām klasēm, kādas ir atrastajai rindkopai, bet katra rindkopas klases izdzēsiet kopā ar atribūtu class.

Atrodiet visas rindkopas p no #test, iestatiet tām beigās tekstu '!', pēc tam izslēdziet no atrastajām rindkopas ar klasi www un atlikušajām iestatiet sarkano krāsu.

Atrodiet visus li lapā, pēc tam pirms priekšpēdējā no atrastajiem ievietojiet vēl vienu li ar tekstu 'punkts'.

Atrodiet visus li lapā, pēc tam izvēlieties starp atrastajiem otro, trešo un ceturto no beigām un iestatiet tiem tekstu '!'.

Atrodiet ol ar #test un pārkārtojiet visus li tajā apgrieztā secībā.

Dots elements #test. Atrodiet visus tā kaimiņus augšā un visus tā kaimiņus apakšā un samainiet tos vietām (tas ir, viss, kas atrodas pirms elementa, jānonāk pēc tā un otrādi).

Iegūstiet visus li ar klasi www, padariet tos sarkanā krāsā, pēc tam atrodiet starp atrastajiem tos li, kuriem ir klase bbb un izdzēsiet tos. Atrisiniet visu ar vienu ķēdi.

Iegūstiet visus li lapā. Pāra no iegūtajiem padariet tukšus, bet nepāra izdzēsiet.

Atrodiet visus tagus div un divkāršojiet to augstumu.

Atrodiet visu div augstumu summu lapā.

Elementam #test atrodiet tuvāko vecāku ar klasi www, šī vecāka beigās pievienojiet rindkopu ar tekstu '!'.

Kad noklikšķina uz elementa #test, atrodiet tā tuvāko vecāku ar klasi www, šī vecāka iekšienē atrodiet visas rindkopas un iekrāsojiet tās sarkanā krāsā.

Iekrāsojiet pirmos 10 li lapā sarkanā krāsā.

Iekrāsojiet no 5-ā līdz 10-ajam li lapā sarkanā krāsā.

Atrodiet pēdējos 10 li lapā, iekrāsojiet tos sarkanā krāsā. Pēc tam no atrastajiem atrodiet pāra li un ietveriet tos iekšā tagā b.

Lapā dotas izvēles rūtiņas. Saskaitiet, cik no tām ir atzīmētas.

Dotas 5 izvēles rūtiņas. Padariet tā, lai pēc tam, kad lietotājs atzīmējis divas no tām, visas izvēles rūtiņas bloķētos.

Padariet tā, lai visas atzīmētās izvēles rūtiņas mainītu savu statusu uz neatzīmētu un otrādi.

Dots ievades lauks. Pārvietojiet atribūta value saturu uz atribūtu placeholder, bet pašu atribūtu value izdzēsiet pavisam.

Dota saite. Ja atribūts href sākas ar http://, pievienojiet saitei atribūtu target="_blank".

Dots ievades lauks, kurā var ievadīt skaitli. Padariet tā, lai ievadot skaitli šajā ievades laukā un zaudējot fokusu, lapā meklētos izvēles rūtiņa ar tādu numuru un kļūtu par atzīmētu, bet pārējās izvēles rūtiņas kļūtu par neatzīmētām.

Dots izvēles saraksts un radio pogu, radio pogu skaits ir vienāds ar punktu skaitu izvēles sarakstā. Padariet tā, lai izvēloties punktu izvēles sarakstā, automātiski kļūtu atzīmēta atbilstošā radio pogu (atbilstība pēc kārtas numura: pirmais saraksta punkts - pirmajai radio pogai un tā tālāk).