jQuery-ის ბიბლიოთეკის პრაქტიკული გამოყენება
ყველა პარაგრაფი p, რომლის შიგნითაც
არის ტეგი b, შემოახაზეთ
ტეგით div.
იპოვეთ ყველა პარაგრაფი p კლასით
www, მიეცით მათ დასაწყისში ტექსტი
'!', შემდეგ დაამატეთ ამ პარაგრაფებს
ასევე სათაურები h1-h6 და
გააფერადეთ ეს პარაგრაფები და სათაურები წითელ
ფერში.
იპოვეთ ყველა პარაგრაფი p და შეუცვალეთ ისინი
ტეგით div იგივე შიგთავსით.
მიეცით ყველა
დაბლოკილის გარდა
ჩეკბოქსს
სტატუსი 'მონიშნული'.
მოცემულია ელემენტი #test. მიეცით მის უშუალ
ზემოთ მდებარე მეზობელს ტექსტი '!', ხოლო მეზობელს
ქვემოთ - ტექსტი '?'. ამოხსენით ამოცანა ერთი
ჯაჭვით.
მოცემულია ელემენტი #test. მიეცით მის უშუალ
ზემოთ და ქვემოთ მდებარე მეზობლებს ელემენტის #test ტექსტი.
მოცემულია ელემენტი #test. იპოვეთ მის ზემოთ მდებარე მეზობლებს შორის
უახლოესი პარაგრაფი და მიეცით მას ელემენტის
#test ტექსტი.
იპოვეთ მეორე li გვერდზე,
დაამატეთ მას კლასი www, შემოახაზეთ
იგი შიგნიდან ტეგით i, ჩასვით მის შემდეგ
li ტექსტით 'გამარჯობა'.
იპოვეთ მეათე li გვერდზე,
იპოვეთ მისი მშობელი, მიიღეთ მშობლის უშუალ
ზემოთ მდებარე მეზობელი, შემოახაზეთ იგი
<div class="www"></div>-ში.
ყველა პარაგრაფს p, გარდა პარაგრაფებისა
კლასით www, დაამატეთ ბოლოში მისი
რიგითი ნომერი.
იპოვეთ ყველა პარაგრაფი p და მიეცით
თითოეული პარაგრაფის წინ მისი ასლი. ასლი გააფერადეთ
წითელ ფერში, ხოლო ორიგინალ პარაგრაფს - მწვანე ფერში.
იპოვეთ პარაგრაფები p, რომლებიც დგანან
უშუალოდ h2-ის ქვემოთ
და გადაიტანეთ თითოეული პარაგრაფი ისე, რომ იგი
დადგეს უშუალოდ h2-ის ზემოთ.
იპოვეთ ყველა ცარიელი პარაგრაფი p
(ტექსტის გარეშე) და ჩასვით მათში
უშუალო ზემოთ მდებარე მეზობლის ტექსტი.
ტეგის b მშობელს, თუ ეს არის
ელემენტი კლასით www ან პარაგრაფი
p, მიეცით წითელი ფერი და
ტექსტის
ზომა 30px-ში.
ყველა ცარიელ პარაგრაფს p მიეცით
მათთან ყველაზე ახლოს ზემოთ მდებარე ტეგის h2 ტექსტი.
მოცემულია ინფუთები რიცხვებით. გახადეთ ისე, რომ ინფუთებში გახდეს ამ რიცხვების კვადრატები.
მოცემულია ელემენტი #test. მიეცით მას დასაწყისში ტექსტი
უშუალო ზემოთ მდებარე მეზობლის, ხოლო ბოლოში
- უშუალო ქვემოთ მდებარე მეზობლის ტექსტი.
მოცემულია ელემენტი #test. იპოვეთ მისი მეორე მეზობელი
ზემოთ და მისი მეორე მეზობელი ქვემოთ. გახადეთ
ისე, რომ ნაპოვნი ელემენტები გაცვალონ
ტექსტი (ზემოთ მდებარე მეზობელმა მიიღოს ქვემოთ მდებარე მეზობლის ტექსტი
და პირიქით).
მოცემულია ელემენტი div. აირჩიეთ
მისგან ყველა უშუალო შვილი, რომელიც
არ არის სათაური და გააფერადეთ ისინი
წითელ ფერში.
იპოვეთ ყველა პარაგრაფი p, გააფერადეთ
ისინი წითელ ფერში. შემდეგ აირჩიეთ ნაპოვნი
პარაგრაფებიდან პარაგრაფები კლასით www და მიეცით
მათ ტექსტი '!'.
იპოვეთ ყველა პარაგრაფი p კლასით
www, გააფერადეთ ისინი წითელ ფერში.
შემდეგ აირჩიეთ ნაპოვნი პარაგრაფებიდან პირველი
და მიეცით მას ტექსტი '!', შემდეგ აირჩიეთ
ბოლო და მას მიეცით ტექსტი '?'.
ამოხსენით ამოცანა ერთი ჯაჭვით.
იპოვეთ ყველა პარაგრაფი p, მიეცით
თითოეულ მათგანს ბოლოში იგივე ტექსტი, რაც
მასშია (ანუ ტექსტი პარაგრაფში
დაწერილი იქნება ორჯერ).
იპოვეთ ყველა პარაგრაფი p, მიეცით
თითოეულ მათგანს ბოლოში მისი რიგითი ნომერი
ნაკრებში.
მოცემულია პარაგრაფები რიცხვებით. მიეცით თითოეულ მათგანს ბოლოში რიცხვი, რომელიც მასში ინახება, გამრავლებული მის რიგით ნომერზე ნაკრებში.
პარაგრაფზე p დაწკაპუნებით
წაშალეთ მისი უშუალო მეზობლები ზემოთ და ქვემოთ.
პარაგრაფზე p დაწკაპუნებით წაშალეთ
მისი ყველა მეზობელი ზემოთ პირველ სათაურამდე
h1-h6 (ანუ ელემენტები, რომლებიც დგანან
ამ სათაურის ზემოთ და თავად სათაური
წაშლა არ არის საჭირო).
პარაგრაფზე p დაწკაპუნებით წაშალეთ
მისი უახლოესი ქვემოთ მდებარე მეზობელი
კლასით www.
პარაგრაფზე p დაწკაპუნებით წაშალეთ
მისი მეხუთე მეზობელი ქვემოთ.
პარაგრაფზე p დაწკაპუნებით წაშალეთ
მისი მეხუთე მეზობელი ქვემოთ, თუ ეს არ არის
h2.
პარაგრაფზე p დაწკაპუნებით წაშალეთ
მისი მეხუთე მეზობელი ქვემოთ, თუ ეს მეზობელი
არ შეიცავს შიგნით ტეგს b.
პარაგრაფზე p დაწკაპუნებით წაშალეთ
მისი მეხუთე მეზობელი ქვემოთ, თუ ეს მეზობელი
არ დგას უშუალოდ h2-ის შემდეგ.
მოცემულია ელემენტი #test. შეუცვალეთ ეს
ელემენტი ადგილებით მის უშუალ
ქვემოთ მდებარე მეზობელთან.
მოცემულია ელემენტი #test. მის
უშუალო ქვემოთ მდებარე მეზობლის შემდეგ ჩასვით
ჩვენი ელემენტის ასლი.
მოცემულია ელემენტი #test. შეუცვალეთ ეს
ელემენტი ადგილებით მის უახლოეს მეზობელთან
ქვემოთ კლასით www.
იპოვეთ ყველა პარაგრაფი p, რომლებიც
ერთი მშობლის შიგნით მდებარეობენ ერთ
და მეორე h2-ს შორის.
შემოახაზეთ თითოეული პარაგრაფი p გარედან
და შიგნიდან div-ში.
იპოვეთ ყველა პარაგრაფი p, რომლის
უშუალი მშობელი არ არის div
და შემოახაზეთ თითოეული მათგანი <div class="www"></div>-ში.
იპოვეთ ყველა პარაგრაფი p. წაშალეთ
მათი მშობელი (გაუკეთეთ მას unwrap),
თუ ეს მშობელი არ არის div კლასით
www. შემდეგ იმ პარაგრაფებისთვის, რომელთა
მშობელიც წაიშალა, შემოახაზეთ div-ში
კლასით zzz.
იპოვეთ ელემენტის #test ყველა მშობელი
და შექმენით მასივი ამ მშობლების CSS კლასებისგან.
იპოვეთ ყველა პარაგრაფი p, რომელსაც აქვს
ატრიბუტი class, და თითოეული მათგანი
შემოახაზეთ div-ში იმავე კლასებით,
როგორიც აქვს ნაპოვნ პარაგრაფს, ხოლო თითოეული
პარაგრაფის კლასები წაშალეთ ატრიბუტთან class ერთად.
იპოვეთ ყველა პარაგრაფი p
#test-დან, მიეცით მათ ბოლოში ტექსტი
'!', შემდეგ გამოიტანეთ ნაპოვნიდან
პარაგრაფები კლასით www და დარჩენილს
მიეცით წითელი ფერი.
იპოვეთ ყველა li გვერდზე,
შემდეგ ნაპოვნიდან ბოლოს წინ ჩასვით
კიდევ ერთი li ტექსტით 'პუნქტი'.
იპოვეთ ყველა li გვერდზე,
შემდეგ აირჩიეთ ნაპოვნიდან მეორე, მესამე
და მეოთხე ბოლოდან და მიეცით მათ ტექსტი
'!'.
იპოვეთ ol #test-ით
და გადაანაწილეთ ყველა li
მასში საპირისპირო თანმიმდევრობით.
მოცემულია ელემენტი #test. იპოვეთ მისი
ყველა მეზობელი ზემოთ და მისი ყველა მეზობელი ქვემოთ და
შეუცვალეთ ისინი ადგილებით (ანუ ყველაფერი, რაც დგას
ელემენტამდე, უნდა გახდეს მის შემდეგ და პირიქით).
მიიღეთ ყველა li კლასით
www, გაუფერადეთ წითელ ფერში, შემდეგ
იპოვეთ ნაპოვნებს შორის ის li,
რომელსაც აქვს კლასი bbb და წაშალეთ
ისინი. ამოხსენით ყველაფერი ერთი ჯაჭვით.
მიიღეთ ყველა li გვერდზე. ნაპოვნიდან ლუწი
გახადეთ ცარიელი, ხოლო
კენტი წაშალეთ.
იპოვეთ ყველა ტეგი div და გაორმაგეთ
მათი სიმაღლე.
იპოვეთ ყველა div-ის
სიმაღლეთა ჯამი გვერდზე.
ელემენტისთვის #test იპოვეთ უახლოესი
მშობელი კლასით www, ამ
მშობლის ბოლოში დაამატეთ პარაგრაფი ტექსტით '!'.
ელემენტზე #test დაწკაპუნებით იპოვეთ მისი
უახლოესი მშობელი კლასით www, ამ
მშობლის შიგნით იპოვეთ ყველა პარაგრაფი და გააფერადეთ ისინი
წითელ ფერში.
გააფერადეთ პირველი 10 li
გვერდზე წითელ ფერში.
გააფერადეთ 5-ედან 10-ემდე li
გვერდზე წითელ ფერში.
იპოვეთ ბოლო 10 li
გვერდზე, გააფერადეთ ისინი წითელ
ფერში. შემდეგ ნაპოვნიდან იპოვეთ ლუწი li
და შემოახაზეთ ისინი შიგნიდან ტეგით b.
გვერდზე მოცემულია ჩეკბოქსები. დათვალეთ, რამდენი მათგანია მონიშნული.
მოცემულია 5
ჩეკბოქსი.
გახადეთ ისე, რომ მას შემდეგ, რაც მომხმარებელმა
მონიშნა ორი მათგანი, ყველა ჩეკბოქსი
დაბლოკოს.
გახადეთ ისე, რომ ყველა მონიშნული ჩეკბოქსმა შეცვალოს თავისი მდგომარეობა არამონიშნულზე და პირიქით.