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 'märgitud'.

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