Praktikë për të punuar me bibliotekën jQuery
Të gjitha paragrafet p, brenda të cilëve
ka tag b, i mbështjellni
në tag div.
Gjeni të gjitha paragrafet p me klasën
www, vendosuni atyre në fillim tekstin
'!', pastaj shtojini këtyre paragrafëve
edhe titujt h1-h6 dhe
ngjyrosini këta paragrafë dhe tituj në të kuqe.
Gjeni të gjitha paragrafet p dhe zëvendësojini ato
me tag div me të njëjtin përmbajtje.
Gjeni të gjitha kutitë e përzgjedhjes në faqe dhe bllokoni çiftet e gjetura.
Vendosuni të gjitha
të pabllokuarave
kutive të përzgjedhjes
statusin 'e shënuar'.
Është dhënë elementi #test. Vendosuni fqinjit të tij të drejtpërdrejtë
sipër tekstin '!', kurse fqinjit
poshtë - tekstin '?'. Zgjidheni detyrën me një
zinxhir.
Është dhënë elementi #test. Vendosuni fqinjëve të tij të drejtpërdrejtë
sipër dhe poshtë tekstin e elementit
#test.
Është dhënë elementi #test. Gjeni midis fqinjëve të tij sipër
paragrafin më të afërt dhe vendosani atij tekstin e elementit
#test.
Gjeni li të dytë në faqe,
shtojani atij klasën www, mbështjelleni
atë brenda me tag i, vendosni pas
tij li me tekst 'përshëndetje'.
Gjeni li të dhjetë në faqe,
gjeni prindin e tij, merrni fqinjin e drejtpërdrejtë
të prindit sipër, mbështjelleni atë në
<div class="www"></div>.
Çdo paragrafi p, përveç paragrafëve
me klasën www, shtoni në fund numrin e tij
rendor.
Gjeni të gjitha paragrafet p dhe vendosni
përpara çdo paragrafi kopjen e tij. Kopjen ngjyroseni
në të kuqe, kurse paragrafin burimor në të gjelbër.
Gjeni paragrafet p, të cilët qëndrojnë
drejtpërdrejt nën h2
dhe zhvendosni çdo paragraf ashtu që ai
të vendoset drejtpërdrejt mbi h2.
Gjeni të gjitha paragrafet e zbrazëta p
(pa tekst) dhe vendosni në to tekstin
e fqinjit të drejtpërdrejtë sipër.
Prindit të tagut b, nëse ky është
element me klasën www ose paragraf
p, vendosni ngjyrë të kuqe dhe
përmasën
e tekstit në 30px.
Të gjitha paragrafëve të zbrazët p vendosni
tekstin e tagut më të afërt me to sipër h2.
Janë dhënë inputet me numra. Bëni që në inputet të vendosen katrorët e këtyre numrave.
Është dhënë elementi #test. Vendosuni atij në fillim tekstin
e fqinjit të drejtpërdrejtë sipër, kurse në fund
- tekstin e fqinjit të drejtpërdrejtë poshtë.
Është dhënë elementi #test. Gjeni fqinjin e tij të dytë
sipër dhe fqinjin e tij të dytë poshtë. Bëni
që elementët e gjetur të shkëmbejnë
tekstin (fqinji sipër të marrë tekstin e fqinjit
poshtë dhe anasjelltas).
Është dhënë elementi div. Zgjidhni
prej tij të gjithë pasardhësit e drejtpërdrejtë, të cilët
nuk janë tituj dhe i ngjyrosni në
të kuqe.
Gjeni të gjitha paragrafet p, i ngjyrosni
në të kuqe. Pastaj zgjidhni midis paragrafëve të gjetur
paragrafët me klasën www dhe vendosuni
atyre tekstin '!'.
Gjeni të gjitha paragrafet p me klasën
www, i ngjyrosni në të kuqe.
Pastaj zgjidhni midis paragrafëve të gjetur të parin
dhe vendosuni atij tekstin '!', pastaj zgjidhni
të fundit dhe atij vendosni tekstin '?'.
Zgjidheni detyrën me një zinxhir.
Gjeni të gjitha paragrafet p, vendosni
çdo prej tyre në fund të njëjtin tekst, i cili
qëndron brenda tij (domethënë teksti në paragraf
do të shkruhet dy herë).
Gjeni të gjitha paragrafet p, vendosni
çdo prej tyre në fund numrin e tij rendor
në grup.
Janë dhënë paragrafë me numra. Vendosni çdo prej tyre në fund numrin, i cili qëndron në të, shumëzuar me numrin e tij rendor në grup.
Në shtypjen e paragrafit p fshini
fqinjët e tij të drejtpërdrejtë sipër dhe poshtë.
Në shtypjen e paragrafit p fshini
të gjithë fqinjët e tij sipër deri te titulli i parë
h1-h6 (domethënë elementët, të cilët qëndrojnë
mbi këtë titull dhe vetë titullin
mos i fshini).
Në shtypjen e paragrafit p fshini
fqinjin e tij më të afërt poshtë me
klasën www.
Në shtypjen e paragrafit p fshini
fqinjin e tij të pestë poshtë.
Në shtypjen e paragrafit p fshini
fqinjin e tij të pestë poshtë, nëse ky nuk është
h2.
Në shtypjen e paragrafit p fshini
fqinjin e tij të pestë poshtë, nëse ky fqinj
nuk ka brenda vetes tag b.
Në shtypjen e paragrafit p fshini
fqinjin e tij të pestë poshtë, nëse ky fqinj
nuk qëndron drejtpërdrejt pas h2.
Është dhënë elementi #test. Ndërroni këtë
element me vendet me fqinjin e tij të drejtpërdrejtë
poshtë.
Është dhënë elementi #test. Pas
fqinjit të tij të drejtpërdrejtë poshtë vendosni
kopjen e elementit tonë.
Është dhënë elementi #test. Ndërroni këtë
element me vendet me fqinjin e tij më të afërt
poshtë me klasën www.
Gjeni të gjitha paragrafet p, të cilët
brenda një prindri qëndrojnë midis një
dhe tjetrit h2.
Mbështjellni çdo paragraf p nga jashtë
dhe brenda në div.
Gjeni të gjitha paragrafet p, te
të cilët prindi i drejtpërdrejtë nuk është div
dhe mbështjellni çdo prej tyre në <div class="www"></div>.
Gjeni të gjitha paragrafet p. Fshini
prindin e tyre (bëni atij unwrap),
nëse ky prind nuk është div me klasën
www. Pastaj për ata paragrafë, te të cilët
është fshirë prindi, mbështjellini në div
me klasën zzz.
Gjeni të gjithë prindërit e elementit #test
dhe krijoni një grup nga klasat CSS të këtyre prindërve.
Gjeni të gjitha paragrafet p, te të cilët ka
atribut class, dhe çdo prej tyre
mbështjellni në div me të njëjtat klasa,
si te paragrafi i gjetur, kurse klasat e çdo
paragrafi fshini së bashku me atributin class.
Gjeni të gjitha paragrafet p nga
#test, vendosuni atyre në fund tekstin
'!', pastaj përjashtoni nga të gjeturit
paragrafët me klasën www dhe atyre të mbetur
vendosni ngjyrë të kuqe.
Gjeni të gjithë li në faqe,
pastaj para të parafundit nga të gjeturit vendosni
edhe një li me tekst 'pikë'.
Gjeni të gjithë li në faqe,
pastaj zgjidhni midis të gjeturve të dytin, të tretin
dhe të katërtin nga fundi dhe vendosuni atyre tekstin
'!'.
Gjeni ol me #test
dhe ndërroni të gjitha li
në të në rend të kundërt.
Është dhënë elementi #test. Gjeni të gjithë
fqinjët e tij sipër dhe të gjithë fqinjët e tij poshtë dhe
ndërrojini ato me vendet (domethënë të gjitha, që qëndrojnë
para elementit, duhet të qëndrojnë pas tij dhe anasjelltas).
Merrni të gjithë li me klasën
www, bëjuni atyre ngjyrë të kuqe, pastaj
gjeni midis të gjeturve ata li,
te të cilët ka klasën bbb dhe fshini
ata. Zgjidheni të gjitha me një zinxhir.
Merrni të gjithë li në faqe. Çiftet
nga të marrët bëjini të zbrazëta, kurse
tekët fshini.
Gjeni të gjitha tagjet div dhe dyfishojini
atyre lartësinë.
Gjeni shumën e lartësive të të gjitha div
në faqe.
Për elementin #test gjeni prindin më të afërt
me klasën www, në fund të këtij
prindi shtoni një paragraf me tekst '!'.
Në shtypjen e elementit #test gjeni prindin e tij
më të afërt me klasën www, brenda
këtij prindi gjeni të gjitha paragrafët dhe i ngjyrosni ata
në të kuqe.
Ngjyrosni 10 li të parë
në faqe në të kuqe.
Ngjyrosni nga 5-ta deri te 10-ja li
në faqe në të kuqe.
Gjeni 10 li të fundit
në faqe, i ngjyrosni në të kuqe
. Pastaj nga të gjeturit gjeni çiftet li
dhe i mbështjellni ata brenda në tag b.
Në faqe janë dhënë kutitë e përzgjedhjes. Llogarisni sa prej tyre janë të shënuara.
Janë dhënë 5
kuti të përzgjedhjes.
Bëni që pasi përdoruesi
të ketë shënuar dy prej tyre, të gjitha kutitë e përzgjedhjes
të bllokohen.
Bëni që të gjitha të shënuarat kuti të përzgjedhjes të ndryshojnë gjendjen e tyre në të pashënuara dhe anasjelltas.
Është dhënë inputi.
Zhvendosni përmbajtjen e atributit value në atributin
placeholder,
kurse vetë atributin value fshini plotësisht.
Është dhënë linku.
Nëse atributi href fillon me http://,
shtoni linkut atributin target="_blank".
Është dhënë inputi, në të cilin mund të futet një numër. Bëni që gjatë futjes së numrit në këtë input dhe humbjes së fokusit në faqe të kërkohet kutia e përzgjedhjes me një numër të tillë dhe të bëhet e shënuar, kurse kutitë e tjera të përzgjedhjes të bëhen të pashënuara.
Është dhënë selektori dhe butonet radio, numri i butoneve radio është i barabartë me numrin të pikave në selektor. Bëni që gjatë përzgjedhjes së një pike në selektor automatikisht të bëhet e shënuar butoni radio përkatës (përputhja sipas numrit të renditjes: pika e parë e listës - butoni i parë radio dhe kështu me radhë).