Gyakorlás a jQuery könyvtár gyakorlására

Minden olyan bekezdést p, amelyekben van b tag, tegyen div tag-be.

Keresse meg az összes p bekezdést a www osztállyal, tegyen eléjük a '!' szöveget, majd adjon hozzá ezekhez a bekezdésekhez a h1-h6 címeket is, és színezze pirosra ezeket a bekezdéseket és címeket.

Keresse meg az összes p bekezdést, és cserélje le őket div tag-re ugyanazzal a tartalommal.

Keresse meg az összes jelölőnégyzetet az oldalon, és tiltsa le a megtaláltak közül a párosakat.

Minden nem tiltott jelölőnégyzetnek állítsa be a 'kijelölt' státuszt.

Adott egy #test elem. Állítsa be a közvetlen felső szomszédjának a '!' szöveget, az alsó szomszédjának pedig a '?' szöveget. Oldja meg a feladatot egy láncszemmel.

Adott egy #test elem. Állítsa be a közvetlen felső és alsó szomszédjainak a #test elem szövegét.

Adott egy #test elem. Keresse meg a felső szomszédai közül a legközelebbi bekezdést, és állítsa be rá a #test elem szövegét.

Keresse meg a második li-t az oldalon, adjon hozzá neki www osztályt, tegye i tag-be, illesszen be utána egy li-t a 'helló' szöveggel.

Keresse meg a tizedik li-t az oldalon, keresse meg a szülőjét, kapja meg a szülő közvetlen felső szomszédját, tegye <div class="www"></div> tag-be.

Minden p bekezdésnek, kivéve a www osztállyal rendelkező bekezdéseket, adjon hozzá a végéhez a sorszámát.

Keresse meg az összes p bekezdést, és tegyen minden bekezdés elé egy másolatát. A másolatot színezze pirosra, az eredeti bekezdést pedig zöldre.

Keresse meg azokat a p bekezdéseket, amelyek közvetlenül h2 alatt vannak, és mozgassa át minden bekezdést úgy, hogy az közvetlenül a h2 fölé kerüljön.

Keresse meg az összes üres p bekezdést (szöveg nélkül), és illesszen belejük a közvetlen felső szomszéd szövegét.

A b tag szülőjének, ha az www osztállyal rendelkező elem vagy p bekezdés, állítsa be a piros színt és a szöveg méretét 30px-re.

Minden üres p bekezdésnek állítsa be a hozzá legközelebb felülről lévő h2 tag szövegét.

Adottak input mezők számokkal. Tegye meg, hogy az input mezőkben ezeknek a számoknak a négyzete jelenjen meg.

Adott egy #test elem. Állítsa be az elejére a közvetlen felső szomszéd szövegét, a végére pedig a közvetlen alsó szomszéd szövegét.

Adott egy #test elem. Keresse meg a második felső szomszédját és a második alsó szomszédját. Tegye meg, hogy a megtalált elemek kicseréljék egymással a szövegüket (a felső szomszéd az alsó szomszéd szövegét veszi fel, és fordítva).

Adott egy div elem. Válassza ki belőle az összes közvetlen gyermeket, amelyek nincsenek címsorok, és színezze őket pirosra.

Keresse meg az összes p bekezdést, színezze pirosra. Ezután a megtalált bekezdések közül válassza ki a www osztállyal rendelkező bekezdéseket, és állítson be nekik '!' szöveget.

Keresse meg az összes p bekezdést a www osztállyal, színezze őket pirosra. Ezután a megtalált bekezdések közül válassza ki az elsőt és állítson be neki '!' szöveget, majd válassza ki az utolsót és neki állítson be '?' szöveget. Oldja meg a feladatot egy láncszemmel.

Keresse meg az összes p bekezdést, állítson mindegyiknek a végébe ugyanazt a szöveget, amely benne van (vagyis a bekezdésben a szöveg két alkalommal fog megjelenni).

Keresse meg az összes p bekezdést, állítson mindegyiknek a végébe a sorszámát a halmazban.

Adottak számokat tartalmazó bekezdések. Állítson mindegyiknek a végére a számot, amely benne van, megszorozva a halmazbeli sorszámával.

p bekezdésre kattintva távolítsa el a közvetlen felső és alsó szomszédjait.

p bekezdésre kattintva távolítsa el az összes felső szomszédját az első h1-h6 címig (vagyis azokat az elemeket, amelyek e felett a cím felett vannak, és magát a címet ne távolítsa el).

p bekezdésre kattintva távolítsa el a hozzá legközelebbi alsó szomszédját a www osztállyal.

p bekezdésre kattintva távolítsa el az ötödik alsó szomszédját.

p bekezdésre kattintva távolítsa el az ötödik alsó szomszédját, ha az nem h2.

p bekezdésre kattintva távolítsa el az ötödik alsó szomszédját, ha ennek a szomszédnak nincs benne b tag-je.

p bekezdésre kattintva távolítsa el az ötödik alsó szomszédját, ha ez a szomszéd nem közvetlenül h2 után következik.

Adott egy #test elem. Cserélje fel ezt az elemet a közvetlen alsó szomszédjával.

Adott egy #test elem. A közvetlen alsó szomszédja után illesszen be az elem másolatát.

Adott egy #test elem. Cserélje fel ezt az elemet a hozzá legközelebbi alsó www osztállyal rendelkező szomszédjával.

Keresse meg az összes olyan p bekezdést, amelyek egy szülőn belül egy és másik h2 között helyezkednek el.

Tegye minden p bekezdést kívülről és belülről div-be.

Keresse meg az összes olyan p bekezdést, amelyek közvetlen szülője nem div, és tegye mindegyiket <div class="www"></div>-be.

Keresse meg az összes p bekezdést. Távolítsa el a szülőjüket (tegye meg nekik a unwrap-ot), ha ez a szülő nem div a www osztállyal. Ezután azokra a bekezdésekre, amelyeknek eltávolították a szülőjüket, tegye őket div-be a zzz osztállyal.

Keresse meg a #test elem összes szülőjét, és hozzon létre egy tömböt ezeknek a szülőknek a CSS osztályaiból.

Keresse meg az összes olyan p bekezdést, amelyeknek van class attribútuma, és mindegyiket tegye div-be ugyanazokkal az osztályokkal, mint a megtalált bekezdésnek, és minden bekezdés osztályait távolítsa el a class attribútummal együtt.

Keresse meg az összes p bekezdést a #test elemből, állítson be nekik a végére a '!' szöveget, majd zárja ki a megtaláltak közül a www osztállyal rendelkező bekezdéseket, és a megmaradtaknak állítson be piros színt.

Keresse meg az összes li-t az oldalon, majd a megtaláltak utolsó előtti eleme elé illesszen be még egy li-t a 'pont' szöveggel.

Keresse meg az összes li-t az oldalon, majd a megtaláltak közül válassza ki a második, harmadik és negyediket a végétől, és állítson be nekik '!' szöveget.

Keresse meg a ol-t a #test azonosítóval, és fordítsa meg az összes li sorrendjét benne.

Adott egy #test elem. Keresse meg az összes felső szomszédját és az összes alsó szomszédját, és cserélje fel őket (vagyis minden, ami az elem előtt van, kerüljön mögé, és fordítva).

Szerezze be az összes li-t a www osztállyal, tegye őket pirosra, majd a megtaláltak közül keresse meg azokat a li-ket, amelyeknek van bbb osztálya, és távolítsa el őket. Oldja meg mindezt egy láncszemmel.

Szerezze be az összes li-t az oldalon. A kapottak közül a párosakat tegye üressé, a páratlanokat pedig távolítsa el.

Keresse meg az összes div tag-et, és duplázza meg a magasságukat.

Keresse meg az összes div magasságának az összegét az oldalon.

A #test elemhez keresse meg a legközelebbi www osztállyal rendelkező szülőt, ennek a szülőnek a végéhez adjon hozzá egy bekezdést a '!' szöveggel.

A #test elemre kattintva keresse meg a legközelebbi www osztállyal rendelkező szülőjét, ezen a szülőn belül keresse meg az összes bekezdést, és színezze őket pirosra.

Színezze pirosra az első 10 li-t az oldalon.

Színezze pirosra az 5.-től a 10.-ig tartó li-ket az oldalon.

Keresse meg az utolsó 10 li-t az oldalon, színezze őket pirosra. Ezután a megtaláltak közül keresse meg a páros li-ket, és tegye őket b tag-be.

Az oldalon adottak jelölőnégyzetek. Számolja meg, hány van kijelölve közülük.

Adott 5 jelölőnégyzet. Tegye meg, hogy miután a felhasználó kijelöl közülük kettőt, az összes jelölőnégyzet letiltásra kerüljön.

Tegye meg, hogy az összes kijelölt jelölőnégyzet változtassa meg az állapotát nem kijelöltre, és fordítva.

Adott egy input mező. Helyezze át a value attribútum tartalmát a placeholder attribútumba, maga a value attribútum pedig törlődjön.

Adott egy link. Ha a href attribútum http://-ra kezdődik, adjon a linkhez target="_blank" attribútumot.

Adott egy input mező, amelybe szám írható. Tegye meg, hogy amikor számot írnak ebbe az input mezőbe, és az elveszti a fókuszt, az oldalon keresse meg a jelölőnégyzetet ezen a sorszámon, és az legyen kijelölve, a többi jelölőnégyzet pedig ne legyen kijelölve.

Adott egy legördülő lista és rádió gombok, a rádiók száma megegyezik a legördülő lista elemeinek számával. Tegye meg, hogy amikor kiválasztanak egy elemet a legördülő listában, automatikusan a megfelelő rádió gomb legyen kijelölve (megfeleltetés a sorrend szerint: az első listaelem - az első rádió gomb, és így tovább).