Cvičenia na precvičenie knižnice jQuery
Všetky odseky p, vnútri ktorých
je tag b, obalte
tagom div.
Nájdite všetky odseky p s triedou
www, nastavte im na začiatok text
'!', potom pridajte k týmto odsekom
aj nadpisy h1-h6 a
zafarbite tieto odseky a nadpisy na červeno.
Nájdite všetky odseky p a nahraďte ich
tagom div s rovnakým obsahom.
Nájdite všetky zaškrtávacie políčka na stránke a zablokujte párne z nájdených.
Nastavte všetkým
nezablokovaným
zaškrtávacím políčkam
stav <a href="/sk/markup/manual/html/attr/checked/">'zaškrtnuté'</a>.
Daný element #test. Nastavte jeho priamemu
susedovi vyššie text '!', a susedovi
nižšie - text '?'. Vyriešte úlohu jednou
reťazou.
Daný element #test. Nastavte jeho priamym
susedom vyššie a nižšie text elementu #test.
Daný element #test. Nájdite medzi jeho susedmi vyššie
najbližší odsek a nastavte mu text elementu
#test.
Nájdite druhý li na stránke,
pridajte mu triedu www, obalte
ho vnútri tagom i, vložte po
ňom li s textom 'ahoj'.
Nájdite desiaty li na stránke,
nájdite jeho rodiča, získajte priameho
suseda rodiča vyššie, obalte ho do
<div class="www"></div>.
Každomu odseku p, okrem odsekov
s triedou www, pridajte na koniec jeho
poradové číslo.
Nájdite všetky odseky p a umiestnite
pred každý odsek jeho kópiu. Kópiu zafarbite
na červeno, a pôvodný odsek na zeleno.
Nájdite odseky p, ktoré stoja
priamo pod h2
a presuňte každý odsek tak, aby
stal priamo nad h2.
Nájdite všetky prázdne odseky p
(bez textu) a vložte do nich text
priameho suseda vyššie.
Rodičovi tagu b, ak je to
element s triedou www alebo odsek
p, nastavte červenú farbu a
veľkosť
textu na 30px.
Všetkým prázdnym odsekom p nastavte
text najbližšieho k nim vyššie tagu h2.
Dané vstupné polia s číslami. Urobte tak, aby vo vstupných poliach boli štvorce týchto čísel.
Daný element #test. Nastavte mu na začiatok text
priameho suseda vyššie, a na koniec
- text priameho suseda nižšie.
Daný element #test. Nájdite jeho druhého suseda
vyššie a jeho druhého suseda nižšie. Urobte
tak, aby nájdené elementy vymenili
text (sused vyššie zoberie text suseda
nižšie a naopak).
Daný element div. Vyberte
z neho všetkých priamych potomkov, ktorí
nie sú nadpisy a zafarbite ich na
červeno.
Nájdite všetky odseky p, zafarbite
ich na červeno. Potom vyberte spomedzi nájdených
odsekov odseky s triedou www a nastavte
im text '!'.
Nájdite všetky odseky p s triedou
www, zafarbite ich na červeno.
Potom vyberte spomedzi nájdených odsekov prvý
a nastavte mu text '!', potom vyberte
posledný a jemu nastavte text '?'.
Vyriešte úlohu jednou reťazou.
Nájdite všetky odseky p, nastavte
každomu z nich na koniec rovnaký text, ktorý
je v ňom (to znamená text v odseku
bude napísaný dvakrát).
Nájdite všetky odseky p, nastavte
každomu z nich na koniec jeho poradové číslo
v množine.
Dané odseky s číslami. Nastavte každému z nich na koniec číslo, ktoré je v ňom uložené, vynásobené jeho poradovým číslom v množine.
Po kliknutí na odsek p odstráňte
jeho priamych susedov vyššie a nižšie.
Po kliknutí na odsek p odstráňte
všetkých jeho susedov vyššie po prvý nadpis
h1-h6 (to znamená elementy, stojace
vyššie ako tento nadpis a samotný nadpis
odstraňovať netreba).
Po kliknutí na odsek p odstráňte
jeho najbližšieho dolného suseda s
triedou www.
Po kliknutí na odsek p odstráňte
jeho piateho suseda nižšie.
Po kliknutí na odsek p odstráňte
jeho piateho suseda nižšie, ak to nie je
h2.
Po kliknutí na odsek p odstráňte
jeho piateho suseda nižšie, ak tento sused
nemá vnútri seba tag b.
Po kliknutí na odsek p odstráňte
jeho piateho suseda nižšie, ak tento sused
nestojí priamo po h2.
Daný element #test. Vymeňte tento
element miestami s jeho priamym
susedom nižšie.
Daný element #test. Po jeho
priamom susedovi nižšie vložte
kópiu nášho elementu.
Daný element #test. Vymeňte tento
element miestami s jeho najbližším susedom
nižšie s triedou www.
Nájdite všetky odseky p, ktoré
vnútri jedného rodiča ležia medzi jedným
a druhým h2.
Obalte každý odsek p zvonku
a vnútri do div.
Nájdite všetky odseky p, u
ktorých priamy rodič nie je div
a obalte každý z nich do <div class="www"></div>.
Nájdite všetky odseky p. Odstráňte
ich rodiča (urobte mu unwrap),
ak tento rodič nie je div s triedou
www. Potom pre tie odseky, ktorých
bol odstránený rodič, obalte do div
s triedou zzz.
Nájdite všetkých rodičov elementu #test
a vytvorte pole z CSS tried týchto rodičov.
Nájdite všetky odseky p, ktoré majú
atribút class, a každý z nich
obalte do div s rovnakými triedami,
ako má nájdený odsek, a triedy každého
odseku odstráňte spolu s atribútom class.
Nájdite všetky odseky p z
#test, nastavte im na koniec text
'!', potom vylúčte z nájdených
odseky s triedou www a zvyšným
nastavte červenú farbu.
Nájdite všetky li na stránke,
potom pred predposledný z nájdených vložte
ešte jeden li s textom 'položka'.
Nájdite všetky li na stránke,
potom vyberte spomedzi nájdených druhý, tretí
a štvrtý od konca a nastavte im text
'!'.
Nájdite ol s #test
a preusporiadajte všetky li
v ňom v opačnom poradí.
Daný element #test. Nájdite všetkých jeho
susedov vyššie a všetkých jeho susedov nižšie a
vymeňte ich miestami (to znamená všetko, čo stojí
pred elementom, sa stane po ňom a naopak).
Získajte všetky li s triedou
www, nastavte im červenú farbu, potom
nájdite spomedzi nájdených tie li,
ktoré majú triedu bbb a odstráňte
ich. Vyriešte všetko jednou reťazou.
Získajte všetky li na stránke. Párne
z získaných urobte prázdnymi, a
nepárne odstráňte.
Nájdite všetky tagy div a zdvojnásobte
im výšku.
Nájdite súčet výšok všetkých div
na stránke.
Pre element #test nájdite najbližšieho
rodiča s triedou www, na koniec tohto
rodiča pridajte odsek s textom '!'.
Po kliknutí na element #test nájdite jeho
najbližšieho rodiča s triedou www, vnútri
tohto rodiča nájdite všetky odseky a zafarbite ich
na červeno.
Zafarbite prvých 10 li
na stránke na červeno.
Zafarbite od 5-tej do 10-tej li
na stránke na červeno.
Nájdite posledných 10 li
na stránke, zafarbite ich na červeno
potom z nájdených nájdite párne li
a obalte ich vnútri do tagu b.
Na stránke sú dané zaškrtávacie políčka. Spočítajte, koľko z nich je zaškrtnutých.
Daných 5
zaškrtávacích políčok.
Urobte tak, aby po tom, čo používateľ
zaškrtol dve z nich, všetky zaškrtávacie políčka
zablokovali.
Urobte tak, aby všetky zaškrtnuté zaškrtávacie políčka zmenili svoj stav na nezaškrtnuté a naopak.
Dané vstupné pole.
Presuňte obsah atribútu value do atribútu
placeholder,
a samotný atribút value odstráňte úplne.
Daný odkaz.
Ak atribút href začína na http://,
pridajte odkazu atribút target="_blank".
Dané vstupné pole, do ktorého možno zadať číslo. Urobte tak, aby pri zadaní čísla do tohto vstupného poľa a strate fokusu na stránke sa hľadalo zaškrtávacie políčko s takýmto číslom a stalo sa zaškrtnutým, a ostatné zaškrtávacie políčka sa stali nezaškrtnutými.
Daný výberový zoznam a rádio tlačidlá, počet rádio tlačidiel je rovnaký ako počet položiek vo výberovom zozname. Urobte tak, aby pri výbere položky vo výberovom zozname sa automaticky stalo zaškrtnutým príslušné rádio tlačidlo (zhodnosť podľa čísla poradia: prvá položka zoznamu - prvému rádio a tak ďalej).