Kas ir nepieciešams un kā jQuery atlasītājs ir rakstīts?
Mūsdienu web dizainerim vajadzētu ne tikai piederētHTML, CSS un JavaScript pamatus, bet arī strādāt jQuery bibliotēkā, kas koncentrējas uz JavaScript mijiedarbību ar HTML dokumentiem. Tas ļauj ātri piekļūt un manipulēt ar visiem DOM elementiem (programmas saskarni, kas ļauj piekļūt html-failu saturam). Šīs bibliotēkas galvenās struktūrvienības ir komandas. Lai izmantotu šo vai šo komandu, jums nepieciešams jQuery atlasītājs.
Atlases formula jQuery bibliotēkā
JQuery atlasītāji ir balstīti uz tiem, kas tiek izmantoti CSS. Tie ir nepieciešami, lai atlasītu HTML faila elementus, lai tos izmantotu, lai izsauktu vienu vai otru manipulācijas veidu (komanda). Meklēšana pēc selektora tiek veikta, izmantojot funkciju $ (). Piemēram, $ ("div").
Atlasītājus var klasificēt atbilstoši elementiem.
- pamata;
- pēc atribūtiem;
- pēc hierarhijas;
- pēc satura;
- pēc amata;
- formu lauku atlase;
- citi.
Pamata selektori
90% gadījumu, strādājot ar šo bibliotēku, tiek izmantots jQuery atlasītājs, kas pieder pie galvenās grupas. Visi no tiem ir diezgan vienkārši un saprotami. Apskatīsim katru no tiem:
- * - atlasa visus lapas elementus, ieskaitot galvu, ķermeni utt .;
- p / div / sānjosla / ... - atlasa visus elementus, kas saistīti ar konkrēto tagu (t.i., p.div, sānjosla utt.);
- . myClass / p.myClass - atlasa elementus ar norādīto klases nosaukumu;
- # myID / p. # myID - izvēlas vienu elementu ar norādīto ID.
Ļaujiet mums sniegt piemēru. Pieņemsim, ka mums ir jāatlasa visi lapas elementi ar klases par, ieraksts izskatīsies šādi: $ (.par). Ja ir nepieciešami tikai šīs klases p elementi, tad rakstīsim: $ (p.par).
Atribūtu atlasītāji
Galveno JQuery atlasītāju var izmantot, jamums ir jāizvēlas elements, kas pieder klasei, kurai ir ID vai atlasīti visi lapas elementi. Tomēr ir gadījumi, kad vēlamajam elementam nav klases vai ID. Tāpēc pēc atlases ir atlasītāji. Tie ļauj jums atlasīt kādu HTML elementa atribūtu, piemēram, ar href vai src. Šis atribūts ir rakstīts kvadrātiekavās [].
Vienkāršākais piemērs: $ ([src]) - atlasa visus elementus, kuriem ir src atribūts. Jūs varat sašaurināt parauga apgabalu, iestatot atribūtu uz noteiktu vērtību: $ ([src = "value"]).
Jquery var izmantot vairākusselektori, ja nepieciešams, sašaurina atlases zonu. Piemēram, $ (p [color = blue] [size = 12]) - tiks atlasīti tikai tie p formāta elementi, kas ir zili, un izmērs 12.
Satura atlasītāji
Gadījumā, ja nav iespējams atlasīt vienumus pēc atribūtiem vai galvenajiem selektoriem, tad ir lietderīgi atsaukties uz to saturu. Šim tipam ir 4 selektori:
- : satur - atlasa elementus, kas satur norādīto tekstu;
- : ir - atlasa elementus, kuros ir citi elementi, kas raksturīgi šai līnijai;
- : vecāks - atlasa elementus, kas satur citus;
- : tukšs - atlasa vienumus, kas nesatur nevienu citu.
Ļaujiet mums sniegt piemēru. Lai atlasītu visus divus elementus, kas satur Hello tekstu, jums jāuzraksta $ (div: satur ("Hello")).
Hierarhijas atlasītāji
Ir vēl viens veids, kā izvēlēties vienumus jQuery,proti - saskaņā ar viņu hierarhiju (tas ir, attiecības ar otru HTML lapā). Daudzi no viņiem ir, tāpēc šeit ir divi no populārākajiem: "bērns" un "bērns".
Pirmajā gadījumā izvēlētie elementiir konkrētā elementa (priekšteča) tiešie pēcnācēji (bērns). Piemēram, lai atlasītu saraksta vienumus gaismas klasē, kas ir nūju saraksta bērns, jums jāraksta: $ (ul # nav> li.light).
Otrais gadījums ir vispārīgāks. Šeit var tikt atlasīti arī elementa netiešie pēcteči. Piemēram, lai atlasītu saites nav sarakstā, mēs rakstīsim: $ (ul # nav a).
Tādējādi, izmantojot JQuery, elementus var izvēlēties dažādos veidos, izmantojot tādus parametrus kā HTML dokumenta elementu klase, ID, atribūti, saturs vai hierarhija.
