0:00:02.084,0:00:06.101
ახლა კოდში ელემენტების მოპოვების[br]ძალიან ბევრი ხერხი იცი.

0:00:06.101,0:00:08.645
და ისინი ძალიან ხშირად გამოგადგება.

0:00:08.645,0:00:12.492
მაგრამ კიდევ ერთი უნდა ისწავლო,[br]რეალურად, ყველაზე მაგარი:

0:00:12.492,0:00:18.070
ელემენტების მოძებნა CSS სელექტორზე დაყრდნობით.

0:00:18.070,0:00:20.384
გახსოვს CSS სელექტორები?

0:00:20.384,0:00:24.562
ესე იგი, თეგის სახელით ძებნა,

0:00:24.562,0:00:26.170
ID-ით ძებნა,

0:00:26.170,0:00:27.518
ან კლასის მიხევით ძებნა.

0:00:27.518,0:00:30.027
მაგრამ კიდევ უფრო დახვეწილი [br]სელექტორებიც არსებობს.

0:00:30.027,0:00:35.333
მაგალითად, კლების სელექტორი, ატრიბურის,[br]კლასი + ელემენტი...

0:00:35.333,0:00:38.547
კარგი იქნებოდა, რომ გაგეხენებინა[br]CSS სელექტორები,

0:00:38.547,0:00:40.643
თუ არ გახსოვს.

0:00:40.643,0:00:45.642
მაგალითად, მინდა შევუცვალო სტილი[br]მხოლოდ ელემენტებს

0:00:45.642,0:00:50.765
კლასიდან "animal/ცხვოელი" და მდებარეობით[br]პარაგრაფის შიგნით.

0:00:50.765,0:00:54.606
ჩავწეროთ თეგი

0:00:54.606,0:00:57.124
შემდეგ კი ჩავწეროთ p

0:00:57.124,0:01:01.532
და გამოვტოვთო ერთი ადგილი,[br]ასე ვაჩვენებთ რომ ვეძებთ პარაგრაფებში

0:01:01.532,0:01:06.492
შემდეგ .animal, რომ ვაჩენოთ: ვეძებთ [br]ყველა ელემენტს

0:01:06.492,0:01:09.603
კლასიდან "animal"

0:01:09.603,0:01:12.671
და... უბრალოდ გამოვყოთ ისინი წითლად.

0:01:12.671,0:01:14.130
მშვენიერია.

0:01:14.130,0:01:19.665
შემიძლია გამოვიყენო იგივე CSS სელექტორი [br]ელემენტების JavaScrip-ში საპოვნელად

0:01:19.665,0:01:24.944
მეთოდით `document.querySelectorAll()`

0:01:24.944,0:01:30.323
ახლა მე შევცვლი ამ ხაზს.

0:01:30.323,0:01:35.377
CSS სელექტორი უნდა ჩავსვა, როგორც [br]არგუმენტი

0:01:35.377,0:01:38.392
როგორც ცალკე ხაზი ბრჭყალებში.

0:01:38.392,0:01:42.486
პარაგრაფი ისევ კატების შესახებაა..

0:01:42.486,0:01:45.823
ამ ფუნქციაში ნებისმიერი [br]CSS სელექტორის ჩასმა შეგიძლიათ;

0:01:45.823,0:01:48.414
ის დაგიბრუნებთ ელემენტების კოლექციას

0:01:48.414,0:01:50.883
და მერე მათი ციკლის შექმნა შეგიძლიათ.

0:01:50.883,0:01:53.507
გახსოვს, როგორ ვთქვით მაშინ,

0:01:53.507,0:01:57.617
რომ `getElementsByTagName()`[br]აბრუნებს HTML კოლექციას,

0:01:57.617,0:01:59.998
რომელიც ჰგავს მასივს?

0:01:59.998,0:02:06.710
ეს მეთოდის აბრუნებს `NodeList`-ს, [br]რომელიც ასევე ძალიან ჰგავს მასივს,

0:02:06.710,0:02:12.530
იმით, რომ შეგვიძლია გამოვიყენოთ ფრჩხილები, [br]გაზომო სიგრძე და ა.შ.

0:02:12.530,0:02:16.282
და თუ NodeList-ს და HTMLCollection-ს [br]შორის სხვაობას დიდად ვერ შეამჩნევთ,

0:02:16.282,0:02:20.029
თუ ამ ორ მეთოდს იყენებთ.

0:02:20.029,0:02:24.375
მაგრამ შეგიძლია დაძებნო მათ შესახებ მეტი [br]ინფორმაცია, თუ გაინტერესებს.

0:02:24.375,0:02:28.924
კიდევ არსებობს მეთოდი, რომელიც[br]დაძებნის CSS სელექტორებში

0:02:28.924,0:02:32.782
და დააბრუნებს მხოლოდ ერთ ელემეტს,

0:02:32.782,0:02:35.061
თუ შენი CSS სელექტორი მხოლოდ ერთს აბრუნებს

0:02:35.061,0:02:37.409
სინამდვილეში, ის ძალიანაც სასარგებლო არ არის

0:02:37.409,0:02:40.458
იმიტომ რომ ძირითადად თუ ერთ ელემენტს ეძებ[br]მაშინ ID გაქვს,

0:02:40.458,0:02:43.079
მაგრამ მაინც გაჩვენებ, [br]ყოველი შემთხვევისთვის

0:02:43.079,0:02:46.310
`getElementById`-ის მაგივრად შემიძლია [br]ვთქვა

0:02:46.310,0:02:48.577
`document.querySelector("`

0:02:48.577,0:02:53.565
და მერე, იმისთვის, რომ ნამდვილი ძებნა გამოვიდეს[br]და მოგვცეს ID, უბრალოდ დავუმატებ #-ს[br]

0:02:53.565,0:02:54.520
აი.

0:02:54.520,0:02:57.917
როგორც ხედავ, ეს მართლა ჰგავს[br]`querySelectorAll()`-ს

0:02:57.917,0:03:01.547
ოღონდ მხოლოდ ერთ ელემენტს ვირჩევთ,[br]ამიტომ უბრალოდ `querySelector()' გვაქვს

0:03:01.547,0:03:06.510
და ვსვამთ მასში იმ CSS სელექტორს,[br]რომლის ერთ ელემტსაც ვეძებთ.

0:03:06.510,0:03:10.434
როდის შეიძლება გამოიყენო ეს [br]მეთოდები?

0:03:10.434,0:03:13.702
პირველები უფრო ეფექტურია ხოლმე

0:03:13.702,0:03:15.734
ამიტომ გირჩევ, ყოველთვის გამოიყენო,[br]როცა კი შეძლებ.

0:03:15.734,0:03:19.587
მაგრამ თუ კომპლექსური CSS სელექტორი[br]გჭირდება

0:03:19.587,0:03:24.053
და ესენი არ გამოდგება,[br]მაშინ `querySelectorAll()` გამოიყენე.

0:03:24.053,0:03:26.109
სცადეთ ამის გაკეთება შემდეგ ამოცანაში.

0:03:26.109,0:03:31.273
და მოემზადეთ - ვებ-გვერდზე მუშაობის [br]კიდევ რამდენიმე მეთოდს უნდა გაეცნოთ.