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 'zaškrtnuté'.

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