Praktikë për të punuar me bibliotekën jQuery

Задание 1

Të gjitha paragrafet p, brenda të cilëve ka tag b, i mbështjellni në tag div.

Задание 2

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.

Задание 3

Gjeni të gjitha paragrafet p dhe zëvendësojini ato me tag div me të njëjtin përmbajtje.

Задание 4

Gjeni të gjitha kutitë e përzgjedhjes në faqe dhe bllokoni çiftet e gjetura.

Задание 5

Vendosuni të gjitha të pabllokuarave kutive të përzgjedhjes statusin <a href="/sq/markup/manual/html/attr/checked/">'e shënuar'</a>.

Задание 6

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

Задание 7

Është dhënë elementi #test. Vendosuni fqinjëve të tij të drejtpërdrejtë sipër dhe poshtë tekstin e elementit #test.

Задание 8

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

Задание 9

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

Задание 10

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

Задание 11

Çdo paragrafi p, përveç paragrafëve me klasën www, shtoni në fund numrin e tij rendor.

Задание 12

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.

Задание 13

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.

Задание 14

Gjeni të gjitha paragrafet e zbrazëta p (pa tekst) dhe vendosni në to tekstin e fqinjit të drejtpërdrejtë sipër.

Задание 15

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.

Задание 16

Të gjitha paragrafëve të zbrazët p vendosni tekstin e tagut më të afërt me to sipër h2.

Задание 17

Janë dhënë inputet me numra. Bëni që në inputet të vendosen katrorët e këtyre numrave.

Задание 18

Ë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ë.

Задание 19

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

Задание 20

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

Задание 21

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 '!'.

Задание 22

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.

Задание 23

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

Задание 24

Gjeni të gjitha paragrafet p, vendosni çdo prej tyre në fund numrin e tij rendor në grup.

Задание 25

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.

Задание 26

Në shtypjen e paragrafit p fshini fqinjët e tij të drejtpërdrejtë sipër dhe poshtë.

Задание 27

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

Задание 28

Në shtypjen e paragrafit p fshini fqinjin e tij më të afërt poshtë me klasën www.

Задание 29

Në shtypjen e paragrafit p fshini fqinjin e tij të pestë poshtë.

Задание 30

Në shtypjen e paragrafit p fshini fqinjin e tij të pestë poshtë, nëse ky nuk është h2.

Задание 31

Në shtypjen e paragrafit p fshini fqinjin e tij të pestë poshtë, nëse ky fqinj nuk ka brenda vetes tag b.

Задание 32

Në shtypjen e paragrafit p fshini fqinjin e tij të pestë poshtë, nëse ky fqinj nuk qëndron drejtpërdrejt pas h2.

Задание 33

Është dhënë elementi #test. Ndërroni këtë element me vendet me fqinjin e tij të drejtpërdrejtë poshtë.

Задание 34

Është dhënë elementi #test. Pas fqinjit të tij të drejtpërdrejtë poshtë vendosni kopjen e elementit tonë.

Задание 35

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

Задание 36

Gjeni të gjitha paragrafet p, të cilët brenda një prindri qëndrojnë midis një dhe tjetrit h2.

Задание 37

Mbështjellni çdo paragraf p nga jashtë dhe brenda në div.

Задание 38

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

Задание 39

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.

Задание 40

Gjeni të gjithë prindërit e elementit #test dhe krijoni një grup nga klasat CSS të këtyre prindërve.

Задание 41

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.

Задание 42

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.

Задание 43

Gjeni të gjithë li në faqe, pastaj para të parafundit nga të gjeturit vendosni edhe një li me tekst 'pikë'.

Задание 44

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 '!'.

Задание 45

Gjeni ol me #test dhe ndërroni të gjitha li në të në rend të kundërt.

Задание 46

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

Задание 47

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.

Задание 48

Merrni të gjithë li në faqe. Çiftet nga të marrët bëjini të zbrazëta, kurse tekët fshini.

Задание 49

Gjeni të gjitha tagjet div dhe dyfishojini atyre lartësinë.

Задание 50

Gjeni shumën e lartësive të të gjitha div në faqe.

Задание 51

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 '!'.

Задание 52

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.

Задание 53

Ngjyrosni 10 li të parë në faqe në të kuqe.

Задание 54

Ngjyrosni nga 5-ta deri te 10-ja li në faqe në të kuqe.

Задание 55

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.

Задание 56

Në faqe janë dhënë kutitë e përzgjedhjes. Llogarisni sa prej tyre janë të shënuara.

Задание 57

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.

Задание 58

Bëni që të gjitha të shënuarat kuti të përzgjedhjes të ndryshojnë gjendjen e tyre në të pashënuara dhe anasjelltas.

Задание 59

Është dhënë inputi. Zhvendosni përmbajtjen e atributit value në atributin placeholder, kurse vetë atributin value fshini plotësisht.

Задание 60

Është dhënë linku. Nëse atributi href fillon me http://, shtoni linkut atributin target="_blank".

Задание 61

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

Задание 62

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