If you're seeing this message, it means we're having trouble loading external resources on our website.

თუ ვებფილტრს იყენებთ, დარწმუნდით, რომ *.kastatic.org და *.kasandbox.org დომენები არ არის დაბლოკილი.

ძირითადი მასალა

კურსი: კომპიუტერული პროგრამირება > თემა 7

გაკვეთილი 2: DOM-ის წვდომა jQuery-ს საშუალებით

პროექტი: DOM დეტექტივი

ხანის აკადემიის ვებსაიტი მოიცავს jQuery-ს, ამიტომ, თქვენ ახლავე შეგიძლიათ, გახსნათ JavaScript-ის კონსოლი და წარმატებით გაუშვათ კოდის ეს ხაზი გვერდზე ყველა <h1> ელემენტის შიგთავსის სანახავად:
$("h1").text();
გინდათ, გაიგოთ, რამდენი <h1> ელემენტია? გაუშვით კოდის ეს ხაზი:
$("h1").length;
ახლა კი სცადეთ CSS სელექტორების გამოყენება ხანის აკადემიის ამ გვერდზე მეტი ელემენტის საპოვნელად, მაგალითად:
  • ყველა ბმული.
  • ეს სტატია.
  • ყოველი სურათი.
  • გვერდითი ზოლის ნავიგაცია.
  • თქვენი სახელი ზედა მარჯვენა კუთხეში.
  • ტექსტი 'სახლი'.
  • ...გააგრძელეთ!
გთავაზობთ, გააზიაროთ თქვენი სელექტორები ქვემოთ მოცემულ დისკუსიაში, თუმცა გაითვალისწინეთ, რომ ჩვენი HTML-ი მუდამ იცვლება, ამიტომ, ზოგმა სელექტორმა შეიძლება აღარ იმუშაოს. ასევე გაითვალისწინეთ, რომ ხშირად არსებობს რამდენიმე CSS სელექტორი, რომელსაც შეუძლია, იპოვოს ერთი და იგივე ელემენტი, ამიტომ, თქვენს კითხვაზე შეიძლება, არსებობდეს მრავალი სწორი პასუხი.
ახლა კი დაიხურეთ თქვენი დეტექტივის ქუდი და დაიწყეთ DOM-ის გამოკვლელვა!

გსურთ, შეუერთდეთ დისკუსიას?

პოსტები ჯერ არ არის.
გესმით ინგლისური? დააწკაპუნეთ აქ და გაეცანით განხილვას ხანის აკადემიის ინგლისურენოვან გვერდზე.