[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:02.08,0:00:06.10,Default,,0000,0000,0000,,ახლა კოდში ელემენტების მოპოვების\Nძალიან ბევრი ხერხი იცი.
Dialogue: 0,0:00:06.10,0:00:08.64,Default,,0000,0000,0000,,და ისინი ძალიან ხშირად გამოგადგება.
Dialogue: 0,0:00:08.64,0:00:12.49,Default,,0000,0000,0000,,მაგრამ კიდევ ერთი უნდა ისწავლო,\Nრეალურად, ყველაზე მაგარი:
Dialogue: 0,0:00:12.49,0:00:18.07,Default,,0000,0000,0000,,ელემენტების მოძებნა CSS სელექტორზე დაყრდნობით.
Dialogue: 0,0:00:18.07,0:00:20.38,Default,,0000,0000,0000,,გახსოვს CSS სელექტორები?
Dialogue: 0,0:00:20.38,0:00:24.56,Default,,0000,0000,0000,,ესე იგი, თეგის სახელით ძებნა,
Dialogue: 0,0:00:24.56,0:00:26.17,Default,,0000,0000,0000,,ID-ით ძებნა,
Dialogue: 0,0:00:26.17,0:00:27.52,Default,,0000,0000,0000,,ან კლასის მიხევით ძებნა.
Dialogue: 0,0:00:27.52,0:00:30.03,Default,,0000,0000,0000,,მაგრამ კიდევ უფრო დახვეწილი \Nსელექტორებიც არსებობს.
Dialogue: 0,0:00:30.03,0:00:35.33,Default,,0000,0000,0000,,მაგალითად, კლების სელექტორი, ატრიბურის,\Nკლასი + ელემენტი...
Dialogue: 0,0:00:35.33,0:00:38.55,Default,,0000,0000,0000,,კარგი იქნებოდა, რომ გაგეხენებინა\NCSS სელექტორები,
Dialogue: 0,0:00:38.55,0:00:40.64,Default,,0000,0000,0000,,თუ არ გახსოვს.
Dialogue: 0,0:00:40.64,0:00:45.64,Default,,0000,0000,0000,,მაგალითად, მინდა შევუცვალო სტილი\Nმხოლოდ ელემენტებს
Dialogue: 0,0:00:45.64,0:00:50.76,Default,,0000,0000,0000,,კლასიდან "animal/ცხვოელი" და მდებარეობით\Nპარაგრაფის შიგნით.
Dialogue: 0,0:00:50.76,0:00:54.61,Default,,0000,0000,0000,,ჩავწეროთ თეგი 
Dialogue: 0,0:00:54.61,0:00:57.12,Default,,0000,0000,0000,,შემდეგ კი ჩავწეროთ p
Dialogue: 0,0:00:57.12,0:01:01.53,Default,,0000,0000,0000,,და გამოვტოვთო ერთი ადგილი,\Nასე ვაჩვენებთ რომ ვეძებთ პარაგრაფებში
Dialogue: 0,0:01:01.53,0:01:06.49,Default,,0000,0000,0000,,შემდეგ .animal, რომ ვაჩენოთ: ვეძებთ \Nყველა ელემენტს
Dialogue: 0,0:01:06.49,0:01:09.60,Default,,0000,0000,0000,,კლასიდან "animal"
Dialogue: 0,0:01:09.60,0:01:12.67,Default,,0000,0000,0000,,და... უბრალოდ გამოვყოთ ისინი წითლად.
Dialogue: 0,0:01:12.67,0:01:14.13,Default,,0000,0000,0000,,მშვენიერია.
Dialogue: 0,0:01:14.13,0:01:19.66,Default,,0000,0000,0000,,შემიძლია გამოვიყენო იგივე CSS სელექტორი \Nელემენტების JavaScrip-ში საპოვნელად
Dialogue: 0,0:01:19.66,0:01:24.94,Default,,0000,0000,0000,,მეთოდით `document.querySelectorAll()`
Dialogue: 0,0:01:24.94,0:01:30.32,Default,,0000,0000,0000,,ახლა მე შევცვლი ამ ხაზს.
Dialogue: 0,0:01:30.32,0:01:35.38,Default,,0000,0000,0000,,CSS სელექტორი უნდა ჩავსვა, როგორც \Nარგუმენტი
Dialogue: 0,0:01:35.38,0:01:38.39,Default,,0000,0000,0000,,როგორც ცალკე ხაზი ბრჭყალებში.
Dialogue: 0,0:01:38.39,0:01:42.49,Default,,0000,0000,0000,,პარაგრაფი ისევ კატების შესახებაა..
Dialogue: 0,0:01:42.49,0:01:45.82,Default,,0000,0000,0000,,ამ ფუნქციაში ნებისმიერი \NCSS სელექტორის ჩასმა შეგიძლიათ;
Dialogue: 0,0:01:45.82,0:01:48.41,Default,,0000,0000,0000,,ის დაგიბრუნებთ ელემენტების კოლექციას
Dialogue: 0,0:01:48.41,0:01:50.88,Default,,0000,0000,0000,,და მერე მათი ციკლის შექმნა შეგიძლიათ.
Dialogue: 0,0:01:50.88,0:01:53.51,Default,,0000,0000,0000,,გახსოვს, როგორ ვთქვით მაშინ,
Dialogue: 0,0:01:53.51,0:01:57.62,Default,,0000,0000,0000,,რომ `getElementsByTagName()`\Nაბრუნებს HTML კოლექციას,
Dialogue: 0,0:01:57.62,0:01:59.100,Default,,0000,0000,0000,,რომელიც ჰგავს მასივს?
Dialogue: 0,0:01:59.100,0:02:06.71,Default,,0000,0000,0000,,ეს მეთოდის აბრუნებს `NodeList`-ს, \Nრომელიც ასევე ძალიან ჰგავს მასივს,
Dialogue: 0,0:02:06.71,0:02:12.53,Default,,0000,0000,0000,,იმით, რომ შეგვიძლია გამოვიყენოთ ფრჩხილები, \Nგაზომო სიგრძე და ა.შ.
Dialogue: 0,0:02:12.53,0:02:16.28,Default,,0000,0000,0000,,და თუ NodeList-ს და HTMLCollection-ს \Nშორის სხვაობას დიდად ვერ შეამჩნევთ,
Dialogue: 0,0:02:16.28,0:02:20.03,Default,,0000,0000,0000,,თუ ამ ორ მეთოდს იყენებთ.
Dialogue: 0,0:02:20.03,0:02:24.38,Default,,0000,0000,0000,,მაგრამ შეგიძლია დაძებნო მათ შესახებ მეტი \Nინფორმაცია, თუ გაინტერესებს.
Dialogue: 0,0:02:24.38,0:02:28.92,Default,,0000,0000,0000,,კიდევ არსებობს მეთოდი, რომელიც\Nდაძებნის CSS სელექტორებში
Dialogue: 0,0:02:28.92,0:02:32.78,Default,,0000,0000,0000,,და დააბრუნებს მხოლოდ ერთ ელემეტს,
Dialogue: 0,0:02:32.78,0:02:35.06,Default,,0000,0000,0000,,თუ შენი CSS სელექტორი მხოლოდ ერთს აბრუნებს
Dialogue: 0,0:02:35.06,0:02:37.41,Default,,0000,0000,0000,,სინამდვილეში, ის ძალიანაც სასარგებლო არ არის
Dialogue: 0,0:02:37.41,0:02:40.46,Default,,0000,0000,0000,,იმიტომ რომ ძირითადად თუ ერთ ელემენტს ეძებ\Nმაშინ ID გაქვს,
Dialogue: 0,0:02:40.46,0:02:43.08,Default,,0000,0000,0000,,მაგრამ მაინც გაჩვენებ, \Nყოველი შემთხვევისთვის
Dialogue: 0,0:02:43.08,0:02:46.31,Default,,0000,0000,0000,,`getElementById`-ის მაგივრად შემიძლია \Nვთქვა
Dialogue: 0,0:02:46.31,0:02:48.58,Default,,0000,0000,0000,,`document.querySelector("`
Dialogue: 0,0:02:48.58,0:02:53.56,Default,,0000,0000,0000,,და მერე, იმისთვის, რომ ნამდვილი ძებნა გამოვიდეს\Nდა მოგვცეს ID, უბრალოდ დავუმატებ #-ს\N
Dialogue: 0,0:02:53.56,0:02:54.52,Default,,0000,0000,0000,,აი.
Dialogue: 0,0:02:54.52,0:02:57.92,Default,,0000,0000,0000,,როგორც ხედავ, ეს მართლა ჰგავს\N`querySelectorAll()`-ს
Dialogue: 0,0:02:57.92,0:03:01.55,Default,,0000,0000,0000,,ოღონდ მხოლოდ ერთ ელემენტს ვირჩევთ,\Nამიტომ უბრალოდ `querySelector()' გვაქვს
Dialogue: 0,0:03:01.55,0:03:06.51,Default,,0000,0000,0000,,და ვსვამთ მასში იმ CSS სელექტორს,\Nრომლის ერთ ელემტსაც ვეძებთ.
Dialogue: 0,0:03:06.51,0:03:10.43,Default,,0000,0000,0000,,როდის შეიძლება გამოიყენო ეს \Nმეთოდები?
Dialogue: 0,0:03:10.43,0:03:13.70,Default,,0000,0000,0000,,პირველები უფრო ეფექტურია ხოლმე
Dialogue: 0,0:03:13.70,0:03:15.73,Default,,0000,0000,0000,,ამიტომ გირჩევ, ყოველთვის გამოიყენო,\Nროცა კი შეძლებ.
Dialogue: 0,0:03:15.73,0:03:19.59,Default,,0000,0000,0000,,მაგრამ თუ კომპლექსური CSS სელექტორი\Nგჭირდება
Dialogue: 0,0:03:19.59,0:03:24.05,Default,,0000,0000,0000,,და ესენი არ გამოდგება,\Nმაშინ `querySelectorAll()` გამოიყენე.
Dialogue: 0,0:03:24.05,0:03:26.11,Default,,0000,0000,0000,,სცადეთ ამის გაკეთება შემდეგ ამოცანაში.
Dialogue: 0,0:03:26.11,0:03:31.27,Default,,0000,0000,0000,,და მოემზადეთ - ვებ-გვერდზე მუშაობის \Nკიდევ რამდენიმე მეთოდს უნდა გაეცნოთ.