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 <a href="/lv/markup/manual/html/attr/checked/">'atzīmēts'</a>.
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).