Kodėl mums reikia ir kaip įrašyti JQuery rankenėlę?

Šiuolaikinės web dizaineris turėtų ne tik išmokti iš HTML, pagrindai CSS ir JavaScript, bet taip pat galės dirbti JQuery biblioteka, kurioje pagrindinis dėmesys skiriamas JavaScript sąveikos su HTML dokumentus. Kad ji leidžia greitą prieigą prie bet kurio elemento DOM (taikomųjų programų programavimo sąsaja, kuri suteikia prieigą prie turinio, HTML failus) ir jais manipuliuoti. Pagrindiniai struktūriniai padaliniai bibliotekoje yra komanda. Siekiant taikyti vieną ar kitai komandai, jums reikia JQuery rankenėlę.

Formulė selektorių JQuery bibliotekoje

Į JQuery selektoriai remiantis naudoti CSS. Jie privalo pasirinkti elementus HTML failą, naudoti juos sukelti šiuos ar kitus metodus, iš jų (komanda) manipuliuoti. Paieška vykdoma per selektorių $ () funkcija. Pavyzdžiui, $ ( 'div).

Į selektoriai gali būti klasifikuojami, priklausomai nuo to, kaip elementų parinkimas:

• Pagrindinis;
• pagal atributą;
• hierarchijos;
• turinys;
• nuo situacijos;
• pasirinkimas formos laukus;
• kt.

pagrindiniai selektoriai

90% atvejais, kai naudojant šį biblioteka bus naudojama JQuery selektorių, priklausančiu pagrindinės grupės. Visi jie yra gana paprasta ir aiški. Panagrinėkime kiekvieną iš jų:

• * - parenka visus puslapio elementus, įskaitant galvos, kūno, ir kt.
• P / DIV / parankinės / ... - parenka visus elementus, susijusius su iš anksto nustatyta žyma (ty p.div, šoninę juostą, ir tt ...);
• .myClass / p.myClass - parenka elementus su nurodytu klasės pavadinimas;
• # MyID / P # myID -. Parenka jokios vieną elementą su nurodytu ID.

Čia yra pavyzdys. Tarkime, kad mes turime pasirinkti visus puslapio elementus nominalios klasės įrašas bus taip: (. PAR) $. Jei reikalinga tik p elementai šioje klasėje, tada rašyti: $ (p.par).

atributas selektoriai

Galite naudoti jQuery pagrindinis-rankenėlę, jei mes turime pasirinkti elementą, priklausančių bet kurios klasės, turinčios ID arba pasirinkite visus elementus puslapyje. Tačiau yra atvejų, kai daiktas neturi klasę arba ID. Būtent dėl šios ir yra pasirinkimai pagal atributą. Jie leidžia jums padaryti pasirinkimą dėl kai kurių iš HTML elementų, atributas , kaip antai href ar src. Šis atributas yra parašyta laužtiniuose skliaustuose [].

Paprasčiausias pavyzdys: $ ([src]) - parenka visus elementus, kurie src atributas. Tai įmanoma susiaurinti pavyzdį nurodant tam tikrą atributą vertę: $ ([src = 'http: // svetainė / Straipsniai / 132.222 / vertė "]).

Jūs galite naudoti tam tikras jQuery selektoriai, jei norite susiaurinti pasirinkimą lauką. Pavyzdžiui, $ (p [color = blue] [size = 12]) - būtų atrinkti tik tuos elementus, p, kurios turi mėlyną spalvą ir dydį 12.

selektoriai turinys

Tokiu atveju, jei jūs negalite pasirinkti elementus, pagrįstus požymius ar pagrindinių selektoriai, turėtumėte kreiptis į jų turinį. Iš viso yra 4 selektorius šio tipo:

• : Sudėtyje - parenka elementus, kuriuose nurodytą tekstą;
• : Ar - parenka elementus, kuriuose yra kitų elementų, būdingų linijos;
• : Tėvų - pasirenka elementai, turintys bet kuri kita;
• Tuščias - parenka elementus, kad nėra jokios kitos.

Čia yra pavyzdys. Norėdami pasirinkti visus elementus div, kuriame yra Hello tekstą, jums reikia parašyti $ (div: yra ( "Sveiki")).

selektoriai hierarchija

Yra ir kitas būdas pasirinkti elementus JQuery, būtent - pagal jų hierarchiją (tai yra, vienas nuo kito santykis su HTML puslapyje). Daugelis iš jų, todėl mes pristatome du iš populiariausių "vaiko" ir "palikuonis".

Pirmuoju atveju elementai atrenkami, kurie yra tiesioginiai palikuonys (vaikai) dėl tam tikro elemento (protėvių). Pavyzdžiui, norėdami pasirinkti iš šviesos klasės sąraše, kuriame yra vaikas NAV sąrašas elementus, tada jums reikia parašyti: $ (ul # NAV> li.light).

Antrasis atvejis - bendresnis. Gali būti pasirinktas ir netiesioginiai palikuonys elemento. Pavyzdžiui, norėdami pasirinkti per sąrašo NAV išrašyti nuorodos: $ (ul # NAV a).

Taigi, JQuery elementai gali būti pasirinkti įvairiais būdais, naudojant parametrus, tokius kaip A klasės, ID, atributus, turinio ar hierarchijos HTML dokumento elementų.