Რატომ გვჭირდება და როგორ უნდა ჩაიწეროს JQuery-selector?

თანამედროვე ვებ დიზაინერი უნდა არა მხოლოდ დაეუფლონ საფუძვლებს HTML, CSS და JavaScript, არამედ შეძლებთ მუშაობა jQuery ბიბლიოთეკა, რომელიც აქცენტს ურთიერთქმედების JavaScript და HTML დოკუმენტების. ის, რომ საშუალებას სწრაფი წვდომა რაიმე ელემენტს DOM (განაცხადის პროგრამირების ინტერფეისი, რომელიც უზრუნველყოფს ხელმისაწვდომობის შინაარსი html ფაილი) და მანიპულირება მათ. მთავარი სტრუქტურული ერთეულების ბიბლიოთეკა გუნდი. იმისათვის, რომ გამოიყენოს ერთი ან მეორე გუნდი, თქვენ უნდა JQuery-selector.

ფორმულა სელექციონერები in jQuery ბიბლიოთეკა

სელექციონერები in JQuery საფუძველზე გამოყენება CSS. ისინი ვალდებულნი არიან, აირჩიეთ ნივთები HTML ფაილი, მათი გამოყენება, რომ გამოიწვიოს ეს და სხვა მეთოდები მანიპულირების მათ (გუნდი). ძებნა ხორციელდება არჩევის $ () ფუნქცია. მაგალითად, $ ( 'div').

სელექციონერები შეიძლება კლასიფიცირებული დამოკიდებულია იმაზე, თუ შერჩევა ელემენტები:

• ძირითადი;
• by ატრიბუტი;
• იერარქიაში;
• შინაარსი;
• არსებული მდგომარეობის შესახებ;
• არჩევანი ფორმა სფეროებში;
• სხვები.

ძირითადი სელექციონერები

90% შემთხვევაში, როდესაც ამ ბიბლიოთეკა გამოიყენება JQuery-selector, რომლებიც ძირითადი ჯგუფი. ყველა მათგანი საკმაოდ მარტივი და გასაგებია. განვიხილოთ თითოეული მათგანი:

• * - ირჩევს ყველა გვერდი ელემენტები, მათ შორის უფროსი, სხეულის, და სხვ.;
• p / div / sidebar / ... - ირჩევს ყველა ელემენტს, რომლებიც ეხება წინასწარ tag (ანუ p.div, sidebar, etc ...);
• .myClass / p.myClass - ირჩევს ელემენტების მითითებული კლასის სახელი;
• # Myid / p # myid -. ირჩევს ერთ-ერთი პუნქტის მოცემული ID.

აქ არის მაგალითი. ვთქვათ ჩვენ უნდა აირჩიოთ ყველა ელემენტების გვერდზე par კლასის შესვლის იქნება შემდეგნაირად: $ (par.). საჭიროების შემთხვევაში მხოლოდ p ელემენტები ამ კლასში, მაშინ დაწერა: $ (p.par).

ანიჭებენ სელექციონერები

თქვენ შეგიძლიათ გამოიყენოთ JQuery მთავარ selector, თუ ჩვენ უნდა აირჩიოთ პუნქტი, რომლებიც ნებისმიერი კლასის მქონე ID ან აირჩიეთ ყველა ელემენტების გვერდზე. თუმცა, არსებობს შემთხვევები, როდესაც ნივთი აქვს არც ერთი კლასი ან ID. ეს არის ამ და არსებობს არჩევანი by ატრიბუტი. ისინი საშუალებას გაძლევთ, რათა შერჩევის ზოგიერთი ატრიბუტი HTML ელემენტები, როგორიცაა href ან src. ეს ატრიბუტი დაწერილი კვადრატულ ფრჩხილებში [].

მარტივი მაგალითი: $ ([src]) - ირჩევს ყველა ელემენტები, რომლებიც src ატრიბუტი. არ არის გამორიცხული, რომ ვიწრო ნიმუში სასურველი გარკვეული ატრიბუტია ღირებულება: $ ([src = 'http: // საიტი / სტატია / 132222 / მნიშვნელობა "]).

თქვენ შეგიძლიათ გამოიყენოთ ზოგიერთი JQuery სელექციონერები თუ გვინდა, რომ ვიწრო სფეროში არჩევანი. მაგალითად, $ (p [color = blue] [size = 12]) - შერჩევა მხოლოდ იმ ელემენტებს, p, რომელსაც აქვს ლურჯი ფერი და ზომა 12.

სელექციონერები შინაარსი

იმ შემთხვევაში, თუ თქვენ ვერ აირჩიოთ ელემენტები საფუძველზე ატრიბუტები ან ძირითადი სელექციონერები, თქვენ უნდა მიმართოს მათი შინაარსი. სულ არსებობს 4 selector ამ ტიპის:

• : შეიცავს - ირჩევს ნივთები შემცველი მითითებული ტექსტი;
• : შემოვიდა - ირჩევს ელემენტები, რომელიც შეიცავს სხვა ელემენტების დამახასიათებელი ხაზი;
• : მშობელი - ირჩევს ელემენტები, რომელიც შეიცავს რომელიმე სხვა;
• : Empty - ირჩევს ელემენტები, რომელიც არ შეიცავს რაიმე სხვა.

აქ არის მაგალითი. იმისათვის, რომ აირჩიეთ ყველა ელემენტების div, რომელიც შეიცავს ტექსტს Hello, თქვენ უნდა დაწეროთ $ (div: შეიცავს ( 'გამარჯობა')).

სელექციონერები იერარქიაში

არსებობს კიდევ ერთი გზა, რათა აირჩიოთ ელემენტები JQuery, კერძოდ კი - მათი იერარქია (რომ არის, თანაფარდობა ერთმანეთს HTML-გვერდზე). ბევრი მათგანი, ასე რომ, წარმოგიდგენთ ორი ყველაზე პოპულარული, "ბავშვი" და "შთამომავალი".

პირველ შემთხვევაში ელემენტების შერჩევა, რომლებიც პირდაპირი შთამომავლები (ბავშვები) მოცემული ელემენტი (წინაპარი). მაგალითად, აირჩიეთ ელემენტების სია ფონზე კლასი, რომელიც არის ბავშვი nav სიაში, მაშინ თქვენ უნდა დაწეროთ: $ (ul # nav> li.light).

მეორე შემთხვევაში - უფრო ზოგადად. შეიძლება არჩეულ და არაპირდაპირი შთამომავლები ელემენტს. მაგალითად, შეარჩიოს კავშირების ფარგლებში სია nav განსაზღვრონ: $ (ul # nav ა).

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