Praktinės užduotys jQuery bibliotekai

Visus pastraipas p, kurių viduje yra b žymė, apgaubkite div žyme.

Raskite visas pastraipas p su klase www, pridėkite prie jų pradžios tekstą '!', tada prie šių pastraipų pridėkite dar ir antraštes h1-h6 ir nudažykite šias pastraipas ir antraštes raudona spalva.

Raskite visas pastraipas p ir pakeiskite jas div žyme su tokiu pačiu turiniu.

Raskite visus varneles puslapyje ir užblokuokite lyginius iš rastų.

Visoms neužblokuotoms varnelėms nustatykite būseną 'pažymėta'.

Duotas elementas #test. Jo tiesioginiam kaimynui viršuje nustatykite tekstą '!', o kaimynui apačioje - tekstą '?'. Išspręskite užduotį viena grandine.

Duotas elementas #test. Jo tiesioginiams kaimynams viršuje ir apačioje nustatykite elemento #test tekstą.

Duotas elementas #test. Tarp jo kaimynų viršuje raskite artimiausią pastraipą ir jai nustatykite elemento #test tekstą.

Raskite antrąjį li puslapyje, pridėkite jam klasę www, apgaubkite jį viduje i žyme, įdėkite po jo li su tekstu 'labas'.

Raskite dešimtąjį li puslapyje, raskite jo tėvą, gaukite tiesioginį tėvo kaimyną viršuje, apgaubkite jį <div class="www"></div>.

Kiekvienai pastraipai p, išskyrus pastraipas su klase www, pridėkite pabaigoje jos eilės numerį.

Raskite visas pastraipas p ir prieš kiekvieną pastraipą pastatykite jos kopiją. Kopiją nudažykite raudona spalva, o originalią pastraipą žalia.

Raskite pastraipas p, kurios stovi tiesiogiai po h2 ir perkeltinkite kiekvieną pastraipą taip, kad ji atsistotų tiesiogiai prieš h2.

Raskite visas tuščias pastraipas p (be teksto) ir įdėkite į jas tekstą tiesioginio kaimyno viršuje.

b žymės tėvui, jei tai elementas su klase www arba pastraipa p, nustatykite raudoną spalvą ir teksto dydį 30px.

Visoms tuščioms pastraipoms p nustatykite tekstą artimiausio prie jų viršuje esančios h2 žymės.

Duoti įvesties laukai su skaičiais. Padarykite taip, kad įvesties laukuose atsirastų šių skaičių kvadratai.

Duotas elementas #test. Jo pradžioje nustatykite tekstą tiesioginio kaimyno viršuje, o pabaigoje - tiesioginio kaimyno apačioje tekstą.

Duotas elementas #test. Raskite jo antrajį kaimyną viršuje ir jo antrajį kaimyną apačioje. Padarykite taip, kad rasti elementai pasikeistų tekstais (kaimynas viršuje paims kaimyno apačioje tekstą ir atvirkščiai).

Duotas elementas div. Iš jo išrinkite visus tiesioginius palikuonis, kurie nėra antraštės ir nudažykite juos raudona spalva.

Raskite visas pastraipas p, nudažykite jas raudona spalva. Tada iš rastų pastraipų išrinkite pastraipas su klase www ir nustatykite jiems tekstą '!'.

Raskite visas pastraipas p su klase www, nudažykite jas raudona spalva. Tada iš rastų pastraipų išrinkite pirmąją ir jai nustatykite tekstą '!', tada išrinkite paskutinę ir jai nustatykite tekstą '?'. Išspręskite užduotį viena grandine.

Raskite visas pastraipas p, kiekvienai iš jų pabaigoje nustatykite tą patį tekstą, kuris yra jos viduje (tai yra, tekstas pastraipoje bus parašytas du kartus).

Raskite visas pastraipas p, kiekvienai iš jų pabaigoje nustatykite jos eilės numerį rinkinyje.

Duotos pastraipos su skaičiais. Kiekvienai iš jų pabaigoje nustatykite skaičių, kuris joje yra, padaugintą iš jos eilės numerio rinkinyje.

Paspaudus ant pastraipos p pašalinkite jos tiesioginius kaimynus viršuje ir apačioje.

Paspaudus ant pastraipos p pašalinkite visus jos kaimynus viršuje iki pirmos antraštės h1-h6 (tai yra, elementus, stovinčius aukščiau šios antraštės ir pačią antraštę šalinti nereikia).

Paspaudus ant pastraipos p pašalinkite jos artimiausią apatinį kaimyną su klase www.

Paspaudus ant pastraipos p pašalinkite jos penktą kaimyną apačioje.

Paspaudus ant pastraipos p pašalinkite jos penktą kaimyną apačioje, jei tai ne h2.

Paspaudus ant pastraipos p pašalinkite jos penktą kaimyną apačioje, jei šis kaimynas neturi viduje b žymės.

Paspaudus ant pastraipos p pašalinkite jos penktą kaimyną apačioje, jei šis kaimynas nestovi tiesiogiai po h2.

Duotas elementas #test. Sukeiskite šį elementą vietomis su jo tiesioginiu kaimynu apačioje.

Duotas elementas #test. Po jo tiesioginio kaimyno apačioje įdėkite mūsų elemento kopiją.

Duotas elementas #test. Sukeiskite šį elementą vietomis su jo artimiausiu kaimynu apačioje su klase www.

Raskite visas pastraipas p, kurios vieno tėvo viduje yra tarp vienos ir kitos h2.

Kiekvieną pastraipą p apgaubkite išorėje ir viduje div.

Raskite visas pastraipas p, kurių tiesioginis tėvas nėra div ir kiekvieną iš jų apgaubkite <div class="www"></div>.

Raskite visas pastraipas p. Pašalinkite jų tėvą (atlikite jam unwrap), jei šis tėvas nėra div su klase www. Tada toms pastraipoms, kurių tėvas buvo pašalintas, apgaubkite div su klase zzz.

Raskite visus elemento #test tėvus ir sukurkite masyvą iš šių tėvų CSS klasių.

Raskite visas pastraipas p, kurios turi atributą class, ir kiekvieną iš jų apgaubkite div su tomis pačiomis klasėmis, kaip ir rastoje pastraipoje, o kiekvienos pastraipos klases pašalinkite kartu su atributu class.

Raskite visas pastraipas p iš #test, nustatykite jiems pabaigoje tekstą '!', tada iš rastų pašalinkite pastraipas su klase www ir likusioms nustatykite raudoną spalvą.

Raskite visus li puslapyje, tada prieš priešpaskutinį iš rastų įdėkite dar vieną li su tekstu 'punktas'.

Raskite visus li puslapyje, tada iš rastų išrinkite antrą, trečią ir ketvirtą nuo galo ir nustatykite jiems tekstą '!'.

Raskite ol su #test ir pertvarkykite visus li jame atvirkštine tvarka.

Duotas elementas #test. Raskite visus jo kaimynus viršuje ir visus jo kaimynus apačioje ir sukeiskite juos vietomis (tai yra, viskas, kas stovi prieš elementą, turi atsidurti po jo ir atvirkščiai).

Gaukite visus li su klase www, nudažykite juos raudona spalva, tada rastų tarpe raskite tuos li, kurie turi klasę bbb ir pašalinkite juos. Išspręskite viską viena grandine.

Gaukite visus li puslapyje. Lyginius iš gautų padarykite tuščiais, o nelyginius pašalinkite.

Raskite visas div žymes ir padvigubinkite jų aukštį.

Raskite visų div puslapyje aukščių sumą.

Elementui #test raskite artimiausią tėvą su klase www, šio tėvo pabaigoje pridėkite pastraipą su tekstu '!'.

Paspaudus ant elemento #test raskite jo artimiausią tėvą su klase www, šio tėvo viduje raskite visas pastraipas ir nudažykite jas raudona spalva.

Pirmuosius 10 li puslapyje nudažykite raudona spalva.

Nuo 5-tosios iki 10-osios li puslapyje nudažykite raudona spalva.

Raskite paskutinius 10 li puslapyje, nudažykite juos raudona spalva. Tada iš rastų suraskite lyginius li ir apgaubkite juos viduje b žyme.

Puslapyje pateiktos varnelės. Suskaičiuokite, kiek iš jų yra pažymėta.

Pateiktos 5 varnelės. Padarykite taip, kad po to, kai vartotojas pažymėjo dvi iš jų, visos varnelės užsiblokuotų.

Padarykite taip, kad visos pažymėtos varnelės pakeistų savo būseną į nepažymėtą ir atvirkščiai.

Duotas įvesties laukas. Perkelkite value atributo turinį į atributą placeholder, o patį value atributą pašalinkite visiškai.

Duota nuoroda. Jei href atributas prasideda http://, pridėkite nuorodai atributą target="_blank".

Duotas įvesties laukas, į kurį galima įvesti skaičių. Padarykite taip, kad įvedus skaičių į šį lauką ir praradus fokusą puslapyje būtų ieškoma varnelė su tokiu numeriu ir ji taptų pažymėta, o likusios varnelės taptų nepažymėtos.

Duotas pasirinkimo laukas ir radio mygtukai, radio mygtukų skaičius lygus pasirinkimo lauko punktų skaičiui. Padarykite taip, kad pasirinkus punktą pasirinkimo lauke automatiškai taptų pažymėtas atitinkamas radio mygtukas (atitikimas pagai eilės numerį: pirmasis sąrašo punktas - pirmajam radio mygtukui ir taip toliau).