jQuery teekiga töötamise harjutused
Kõik lõigud p, mille sees
on silt b, mähige
sildiga div.
Leidke kõik lõigud p klassiga
www, pange neile algusesse tekst
'!', seejärel lisage nendele lõikudele
ka pealkirjad h1-h6 ja
värvige need lõigud ja pealkirjad punaseks
värviks.
Leidke kõik lõigud p ja asendage need
sildiga div sama sisuga.
Leidke kõik märkeruudud lehel ja blokeerige paarisarvulised leitud.
Pange kõikidele
mitteblokeeritud
märkeruutudele
olekuks <a href="/et/markup/manual/html/attr/checked/">'märgitud'</a>.
Antud element #test. Pange sellele otsesele
ülemisele naabrile tekst '!', ja alumisele
naabrile - tekst '?'. Lahendage ülesanne ühe
ahelaga.
Antud element #test. Pange sellele otsestele
ülemistele ja alumistele naabritele elemendi #test tekst.
Antud element #test. Leidke selle naabrite seast ülalt
lähim lõik ja pange sellele elemendi #test
tekst.
Leidke teine li lehel,
lisage sellele klass www, mähige
see sisse sildiga i, sisestage pärast
seda li tekstiga 'tere'.
Leidke kümnes li lehel,
leidke selle vanem, hankige vanema otsene
ülemine naaber, mähige see sisse
<div class="www"></div>.
Iga lõigule p, välja arvatud lõigud
klassiga www, lisage lõppu selle
järjekorranumber.
Leidke kõik lõigud p ja pange
enne iga lõiku selle koopia. Koopia värvige
punaseks, algne lõik roheliseks.
Leidke lõigud p, mis seisavad
otse allpool h2
ja liigutage iga lõik nii, et see
seisuks otse ülalpool h2.
Leidke kõik tühjad lõigud p
(ilma tekstita) ja sisestage neile tekst
otsesest ülemisest naabrist.
Sildi b vanemale, kui see on
element klassiga www või lõik
p, pange punane värv ja
teksti suurus
30px-ks.
Kõikidele tühjadele lõikudele p pange
tekstiks nendele lähim üleval asuv silt h2.
Antud on sisendväljad arvudega. Tehke nii, et sisendväljades oleks nende arvude ruudud.
Antud element #test. Pange sellele algusesse tekst
otsesest ülemisest naabrist, ja lõppu
- tekst otsesest alumisest naabrist.
Antud element #test. Leidke selle teine naaber
ülevalt ja selle teine naaber alt. Tehke
nii, et leitud elemendid vahetaksid
teksti (ülemine naaber võtab alumise naabri teksti ja vastupidi).
Antud element div. Valige
sealt kõik otsesed järglased, kes
ei ole pealkirjad ja värvige need punaseks
värviks.
Leidke kõik lõigud p, värvige
need punaseks. Seejärel valige leitud seast
lõigud klassiga www ja pange neile
tekst '!'.
Leidke kõik lõigud p klassiga
www, värvige need punaseks.
Seejärel valige leitud lõikude seast esimene
ja pange sellele tekst '!', seejärel valige
viimane ja sellele pange tekst '?'.
Lahendage ülesanne ühe ahelaga.
Leidke kõik lõigud p, pange
igale neist lõppu sama tekst, mis
seisab selle sees (see tähendab tekst lõigus
kirjutatakse kaks korda).
Leidke kõik lõigud p, pange
igale neist lõppu selle järjekorranumber
komplektis.
Antud lõigud arvudega. Pange igale neist lõppu arv, mis selles hoitakse, korrutatuna selle järjekorranumbriga komplektis.
Lõigu p vajutamisel kustutage
selle otsesed ülemised ja alumised naabrid.
Lõigu p vajutamisel kustutage
kõik selle ülemised naabrid kuni esimese pealkirjani
h1-h6 (see tähendab elemendid, mis seisavad
ülevalpool seda pealkirja ja pealkirja ennast
ei pea kustutama).
Lõigu p vajutamisel kustutage
selle lähim alumine naaber klassiga
www.
Lõigu p vajutamisel kustutage
selle viies naaber alt.
Lõigu p vajutamisel kustutage
selle viies naaber alt, kui see ei ole
h2.
Lõigu p vajutamisel kustutage
selle viies naaber alt, kui sellel naabril
ei ole sees silti b.
Lõigu p vajutamisel kustutage
selle viies naaber alt, kui see naaber
ei seisa otse pärast h2.
Antud element #test. Vahetage see
element kohaga oma otsese
alumise naabriga.
Antud element #test. Pärast selle
otsest alumist naabrit sisestage
meie elemendi koopia.
Antud element #test. Vahetage see
element kohaga oma lähima naabriga
all klassiga www.
Leidke kõik lõigud p, mis
ühe vanema sees asuvad ühe
ja teise h2 vahel.
Mähige iga lõik p väljastpoolt
ja seestpoolt sisse div-ga.
Leidke kõik lõigud p, mille
otsene vanem ei ole div
ja mähige iga neist sisse <div class="www"></div>-ga.
Leidke kõik lõigud p. Kustutage
nende vanem (tehke sellele unwrap),
kui see vanem ei ole div klassiga
www. Seejärel need lõigud, mille
vanem kustutati, mähige sisse div-ga
klassiga zzz.
Leidke kõik elemendi #test vanemad
ja looge massiiv nende vanemate CSS klassidest.
Leidke kõik lõigud p, millel on
atribuut class, ja iga neist
mähige sisse div-ga samade klassidega,
nagu leitud lõigul, ja iga lõigu klassid kustutage koos atribuudiga class.
Leidke kõik lõigud p
#test-st, pange neile lõppu tekst
'!', seejärel välistage leitud seast
lõigud klassiga www ja ülejäänud
pange punane värv.
Leidke kõik li lehel,
seejärel sisestage enne eelviimast leitud veel
üks li tekstiga 'punkt'.
Leidke kõik li lehel,
seejärel valige leitud seast teine, kolmas
ja neljas lõpust ja pange neile tekst
'!'.
Leidke ol id-ga #test
ja paigutage kõik li
selles vastupidises järjekorras.
Antud element #test. Leidke kõik selle
ülemised naabrid ja kõik selle alumised naabrid ning
vahetage need kohapeal (see tähendab kõik, mis seisab
enne elementi, peaks minema pärast seda ja vastupidi).
Hankige kõik li klassiga
www, tehke neile punane värv, seejärel
leidke leitud seast need li,
millel on klass bbb ja kustutage
need. Lahendage kõik ühe ahelaga.
Hankige kõik li lehel. Paarisarvulised
leitud tehke tühjaks, ja
paaritud kustutage.
Leidke kõik sildid div ja kahekordistage
neile kõrgus.
Leidke kõigi div-de
kõrguste summa lehel.
Elemendi #test jaoks leidke lähim
vanem klassiga www, selle vanema lõppu lisage lõik tekstiga '!'.
Elemendi #test vajutamisel leidke selle
lähim vanem klassiga www, selle
vanema sees leidke kõik lõigud ja värvige need
punaseks värviks.
Värvige esimesed 10 li
lehel punaseks värviks.
Värvige alates 5-ndast kuni 10-ndani li
lehel punaseks värviks.
Leidke viimased 10 li
lehel, värvige need punaseks
värviks. Seejärel leitud seast leidke paarisarvulised li
ja mähige need sisse sildiga b.
Lehel on antud märkeruudud. Loendage, mitu neist on märgitud.
Antud on 5
märkeruutu.
Tehke nii, et pärast seda, kui kasutaja
on märkinud kaks neist, kõik märkeruudud
blokeerituks.
Tehke nii, et kõik märgitud märkeruudud muudaks oma oleku mittemärgituks ja vastupidi.
Antud sisendväli.
Liigutage atribuudi value sisu atribuuti
placeholder,
ja atribuut value kustutage täielikult.
Antud link.
Kui atribuut href algab http://-ga,
lisage lingile atribuut target="_blank".
Antud sisendväli, kuhu saab sisestada numbri. Tehke nii, et numbri sisestamisel sellesse sisendvälja ja fookuse kaotamisel lehel otsitaks märkeruutu sellise numbriga ja see muutuks märgituks, ja ülejäänud märkeruudud muutuksid mittemärgituks.
Antud valik ja raadio nupud, raadio nuppude arv on võrdne valikus olevate punktide arvuga. Tehke nii, et punkti valimisel valikus muutuks automaatselt märgitud vastav raadio nupp (vastavus järjekorra numbri järgi: esimene loendi punkt - esimesele raadio nupule ja nii edasi).