jQuery-ის ბიბლიოთეკის პრაქტიკული გამოყენება

Задание 1

ყველა პარაგრაფი p, რომლის შიგნითაც არის ტეგი b, შემოახაზეთ ტეგით div.

Задание 2

იპოვეთ ყველა პარაგრაფი p კლასით www, მიეცით მათ დასაწყისში ტექსტი '!', შემდეგ დაამატეთ ამ პარაგრაფებს ასევე სათაურები h1-h6 და გააფერადეთ ეს პარაგრაფები და სათაურები წითელ ფერში.

Задание 3

იპოვეთ ყველა პარაგრაფი p და შეუცვალეთ ისინი ტეგით div იგივე შიგთავსით.

Задание 4

იპოვეთ ყველა ჩეკბოქსი გვერდზე და დაბლოკეთ ნაპოვნიდან ლუწი.

Задание 5

მიეცით ყველა დაბლოკილის გარდა ჩეკბოქსს სტატუსი <a href="/ka/markup/manual/html/attr/checked/">'მონიშნული'</a>.

Задание 6

მოცემულია ელემენტი #test. მიეცით მის უშუალ ზემოთ მდებარე მეზობელს ტექსტი '!', ხოლო მეზობელს ქვემოთ - ტექსტი '?'. ამოხსენით ამოცანა ერთი ჯაჭვით.

Задание 7

მოცემულია ელემენტი #test. მიეცით მის უშუალ ზემოთ და ქვემოთ მდებარე მეზობლებს ელემენტის #test ტექსტი.

Задание 8

მოცემულია ელემენტი #test. იპოვეთ მის ზემოთ მდებარე მეზობლებს შორის უახლოესი პარაგრაფი და მიეცით მას ელემენტის #test ტექსტი.

Задание 9

იპოვეთ მეორე li გვერდზე, დაამატეთ მას კლასი www, შემოახაზეთ იგი შიგნიდან ტეგით i, ჩასვით მის შემდეგ li ტექსტით 'გამარჯობა'.

Задание 10

იპოვეთ მეათე li გვერდზე, იპოვეთ მისი მშობელი, მიიღეთ მშობლის უშუალ ზემოთ მდებარე მეზობელი, შემოახაზეთ იგი <div class="www"></div>-ში.

Задание 11

ყველა პარაგრაფს p, გარდა პარაგრაფებისა კლასით www, დაამატეთ ბოლოში მისი რიგითი ნომერი.

Задание 12

იპოვეთ ყველა პარაგრაფი p და მიეცით თითოეული პარაგრაფის წინ მისი ასლი. ასლი გააფერადეთ წითელ ფერში, ხოლო ორიგინალ პარაგრაფს - მწვანე ფერში.

Задание 13

იპოვეთ პარაგრაფები p, რომლებიც დგანან უშუალოდ h2-ის ქვემოთ და გადაიტანეთ თითოეული პარაგრაფი ისე, რომ იგი დადგეს უშუალოდ h2-ის ზემოთ.

Задание 14

იპოვეთ ყველა ცარიელი პარაგრაფი p (ტექსტის გარეშე) და ჩასვით მათში უშუალო ზემოთ მდებარე მეზობლის ტექსტი.

Задание 15

ტეგის b მშობელს, თუ ეს არის ელემენტი კლასით www ან პარაგრაფი p, მიეცით წითელი ფერი და ტექსტის ზომა 30px-ში.

Задание 16

ყველა ცარიელ პარაგრაფს p მიეცით მათთან ყველაზე ახლოს ზემოთ მდებარე ტეგის h2 ტექსტი.

Задание 17

მოცემულია ინფუთები რიცხვებით. გახადეთ ისე, რომ ინფუთებში გახდეს ამ რიცხვების კვადრატები.

Задание 18

მოცემულია ელემენტი #test. მიეცით მას დასაწყისში ტექსტი უშუალო ზემოთ მდებარე მეზობლის, ხოლო ბოლოში - უშუალო ქვემოთ მდებარე მეზობლის ტექსტი.

Задание 19

მოცემულია ელემენტი #test. იპოვეთ მისი მეორე მეზობელი ზემოთ და მისი მეორე მეზობელი ქვემოთ. გახადეთ ისე, რომ ნაპოვნი ელემენტები გაცვალონ ტექსტი (ზემოთ მდებარე მეზობელმა მიიღოს ქვემოთ მდებარე მეზობლის ტექსტი და პირიქით).

Задание 20

მოცემულია ელემენტი div. აირჩიეთ მისგან ყველა უშუალო შვილი, რომელიც არ არის სათაური და გააფერადეთ ისინი წითელ ფერში.

Задание 21

იპოვეთ ყველა პარაგრაფი p, გააფერადეთ ისინი წითელ ფერში. შემდეგ აირჩიეთ ნაპოვნი პარაგრაფებიდან პარაგრაფები კლასით www და მიეცით მათ ტექსტი '!'.

Задание 22

იპოვეთ ყველა პარაგრაფი p კლასით www, გააფერადეთ ისინი წითელ ფერში. შემდეგ აირჩიეთ ნაპოვნი პარაგრაფებიდან პირველი და მიეცით მას ტექსტი '!', შემდეგ აირჩიეთ ბოლო და მას მიეცით ტექსტი '?'. ამოხსენით ამოცანა ერთი ჯაჭვით.

Задание 23

იპოვეთ ყველა პარაგრაფი p, მიეცით თითოეულ მათგანს ბოლოში იგივე ტექსტი, რაც მასშია (ანუ ტექსტი პარაგრაფში დაწერილი იქნება ორჯერ).

Задание 24

იპოვეთ ყველა პარაგრაფი p, მიეცით თითოეულ მათგანს ბოლოში მისი რიგითი ნომერი ნაკრებში.

Задание 25

მოცემულია პარაგრაფები რიცხვებით. მიეცით თითოეულ მათგანს ბოლოში რიცხვი, რომელიც მასში ინახება, გამრავლებული მის რიგით ნომერზე ნაკრებში.

Задание 26

პარაგრაფზე p დაწკაპუნებით წაშალეთ მისი უშუალო მეზობლები ზემოთ და ქვემოთ.

Задание 27

პარაგრაფზე p დაწკაპუნებით წაშალეთ მისი ყველა მეზობელი ზემოთ პირველ სათაურამდე h1-h6 (ანუ ელემენტები, რომლებიც დგანან ამ სათაურის ზემოთ და თავად სათაური წაშლა არ არის საჭირო).

Задание 28

პარაგრაფზე p დაწკაპუნებით წაშალეთ მისი უახლოესი ქვემოთ მდებარე მეზობელი კლასით www.

Задание 29

პარაგრაფზე p დაწკაპუნებით წაშალეთ მისი მეხუთე მეზობელი ქვემოთ.

Задание 30

პარაგრაფზე p დაწკაპუნებით წაშალეთ მისი მეხუთე მეზობელი ქვემოთ, თუ ეს არ არის h2.

Задание 31

პარაგრაფზე p დაწკაპუნებით წაშალეთ მისი მეხუთე მეზობელი ქვემოთ, თუ ეს მეზობელი არ შეიცავს შიგნით ტეგს b.

Задание 32

პარაგრაფზე p დაწკაპუნებით წაშალეთ მისი მეხუთე მეზობელი ქვემოთ, თუ ეს მეზობელი არ დგას უშუალოდ h2-ის შემდეგ.

Задание 33

მოცემულია ელემენტი #test. შეუცვალეთ ეს ელემენტი ადგილებით მის უშუალ ქვემოთ მდებარე მეზობელთან.

Задание 34

მოცემულია ელემენტი #test. მის უშუალო ქვემოთ მდებარე მეზობლის შემდეგ ჩასვით ჩვენი ელემენტის ასლი.

Задание 35

მოცემულია ელემენტი #test. შეუცვალეთ ეს ელემენტი ადგილებით მის უახლოეს მეზობელთან ქვემოთ კლასით www.

Задание 36

იპოვეთ ყველა პარაგრაფი p, რომლებიც ერთი მშობლის შიგნით მდებარეობენ ერთ და მეორე h2-ს შორის.

Задание 37

შემოახაზეთ თითოეული პარაგრაფი p გარედან და შიგნიდან div-ში.

Задание 38

იპოვეთ ყველა პარაგრაფი p, რომლის უშუალი მშობელი არ არის div და შემოახაზეთ თითოეული მათგანი <div class="www"></div>-ში.

Задание 39

იპოვეთ ყველა პარაგრაფი p. წაშალეთ მათი მშობელი (გაუკეთეთ მას unwrap), თუ ეს მშობელი არ არის div კლასით www. შემდეგ იმ პარაგრაფებისთვის, რომელთა მშობელიც წაიშალა, შემოახაზეთ div-ში კლასით zzz.

Задание 40

იპოვეთ ელემენტის #test ყველა მშობელი და შექმენით მასივი ამ მშობლების CSS კლასებისგან.

Задание 41

იპოვეთ ყველა პარაგრაფი p, რომელსაც აქვს ატრიბუტი class, და თითოეული მათგანი შემოახაზეთ div-ში იმავე კლასებით, როგორიც აქვს ნაპოვნ პარაგრაფს, ხოლო თითოეული პარაგრაფის კლასები წაშალეთ ატრიბუტთან class ერთად.

Задание 42

იპოვეთ ყველა პარაგრაფი p #test-დან, მიეცით მათ ბოლოში ტექსტი '!', შემდეგ გამოიტანეთ ნაპოვნიდან პარაგრაფები კლასით www და დარჩენილს მიეცით წითელი ფერი.

Задание 43

იპოვეთ ყველა li გვერდზე, შემდეგ ნაპოვნიდან ბოლოს წინ ჩასვით კიდევ ერთი li ტექსტით 'პუნქტი'.

Задание 44

იპოვეთ ყველა li გვერდზე, შემდეგ აირჩიეთ ნაპოვნიდან მეორე, მესამე და მეოთხე ბოლოდან და მიეცით მათ ტექსტი '!'.

Задание 45

იპოვეთ ol #test-ით და გადაანაწილეთ ყველა li მასში საპირისპირო თანმიმდევრობით.

Задание 46

მოცემულია ელემენტი #test. იპოვეთ მისი ყველა მეზობელი ზემოთ და მისი ყველა მეზობელი ქვემოთ და შეუცვალეთ ისინი ადგილებით (ანუ ყველაფერი, რაც დგას ელემენტამდე, უნდა გახდეს მის შემდეგ და პირიქით).

Задание 47

მიიღეთ ყველა li კლასით www, გაუფერადეთ წითელ ფერში, შემდეგ იპოვეთ ნაპოვნებს შორის ის li, რომელსაც აქვს კლასი bbb და წაშალეთ ისინი. ამოხსენით ყველაფერი ერთი ჯაჭვით.

Задание 48

მიიღეთ ყველა li გვერდზე. ნაპოვნიდან ლუწი გახადეთ ცარიელი, ხოლო კენტი წაშალეთ.

Задание 49

იპოვეთ ყველა ტეგი div და გაორმაგეთ მათი სიმაღლე.

Задание 50

იპოვეთ ყველა div-ის სიმაღლეთა ჯამი გვერდზე.

Задание 51

ელემენტისთვის #test იპოვეთ უახლოესი მშობელი კლასით www, ამ მშობლის ბოლოში დაამატეთ პარაგრაფი ტექსტით '!'.

Задание 52

ელემენტზე #test დაწკაპუნებით იპოვეთ მისი უახლოესი მშობელი კლასით www, ამ მშობლის შიგნით იპოვეთ ყველა პარაგრაფი და გააფერადეთ ისინი წითელ ფერში.

Задание 53

გააფერადეთ პირველი 10 li გვერდზე წითელ ფერში.

Задание 54

გააფერადეთ 5-ედან 10-ემდე li გვერდზე წითელ ფერში.

Задание 55

იპოვეთ ბოლო 10 li გვერდზე, გააფერადეთ ისინი წითელ ფერში. შემდეგ ნაპოვნიდან იპოვეთ ლუწი li და შემოახაზეთ ისინი შიგნიდან ტეგით b.

Задание 56

გვერდზე მოცემულია ჩეკბოქსები. დათვალეთ, რამდენი მათგანია მონიშნული.

Задание 57

მოცემულია 5 ჩეკბოქსი. გახადეთ ისე, რომ მას შემდეგ, რაც მომხმარებელმა მონიშნა ორი მათგანი, ყველა ჩეკბოქსი დაბლოკოს.

Задание 58

გახადეთ ისე, რომ ყველა მონიშნული ჩეკბოქსმა შეცვალოს თავისი მდგომარეობა არამონიშნულზე და პირიქით.