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ą <a href="/lt/markup/manual/html/attr/checked/">'pažymėta'</a>.
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).