Zakaj potrebujemo in kako posneti jQuery selektor?

Sodoben spletni oblikovalec ne le obvladati osnove HTML, CSS in JavaScript, ampak tudi možnost, da delo v knjižnici jQuery, ki se osredotoča na interakcijo JavaScript v HTML-dokumentov. To omogoča hiter dostop do vseh elementov DOM (uporaba programskega vmesnika, ki omogoča dostop do vsebin, html-files) in z njimi manipulirajo. Glavne strukturne enote knjižnice so ekipa. Za uporabo ene ali druge ekipe, morate jQuery izbirnik.

Formula selektorji v jQuery knjižnice

Selektorji v JQuery, ki temelji na uporabi v CSS. Od njih se zahteva, da izberete elemente HTML-datoteko, da jih uporabljajo, da povzroči te ali druge metode za njihovo (Ekipa) manipulacijo. Iskanje poteka prek funkcije za izbiro $ (). Na primer, $ ( "div").

Selektorji se lahko razvrstijo glede na to, kako izboru elementov:

• osnovna;
• z atributom;
• hierarhija;
• vsebine;
• o razmerah;
• Izbira polj obrazca;
• drugi.

Ključne selektorji

V 90% primerov pri uporabi ta knjižnica se uporablja jQuery izbirnik pripada glavni skupini. Vsi izmed njih so zelo preprosta in jasna. Vzemimo vsakega od njih:

• * - izbere vse elemente strani, vključno z glavo, telo, itd;.
• p / div / sidebar / ... - izbere vse elemente, ki se nanašajo na vnaprej določeno oznako (tj p.div, sidebar, itd ...);
• .myClass / p.myClass - izbere elemente z določeno ime razreda;
• # Myid / p # myid -. Izbere katero koli elementa z navedenim ID.

Tukaj je primer. Recimo, da moramo izbrati vse elemente na strani s par začetku razredu bo, kot sledi: (. Par) $. Če je potrebno le p elementi tega razreda, nato pa napisali: $ (p.par).

atribut selektorje

Lahko uporabite jQuery glavno-izbiro, če bomo potrebovali, da izberete element, ki pripada nobeni razreda, ki ima ID ali izberite vse elemente na strani. Vendar pa obstajajo primeri, ko je postavka nima razred ali ID. Gre za to, in obstajajo izbor po atribut. Te vam omogočajo, da izbor na neki atribut v HTML-elemente, kot so href ali src. Ta atribut je napisan v oglatih oklepajih [].

Najenostavnejši primer: $ ([SRC]) - izbere vse elemente, ki imajo lastnost src. Možno je, da zmanjšajo vzorec z navedbo določenega atributa vrednost: $ ([src = 'http: // stran / članek / 132.222 / vrednost']).

Uporabite lahko nekatere jQuery selektorje, če želite zožiti področje izbire. Na primer, $ (p [color = modra] [size = 12]) - izberemo le elemente na strani, ki imajo modro barvo in velikost 12.

vsebina selektorji

V tem primeru, če ne morete izbrati elemente, ki temeljijo na lastnostih in osnovnih selektorjev, morate se nanašajo na njihovo vsebino. Trenutno 4 selektor te vrste:

• : Vsebuje - izbere predmete, ki vsebujejo določeno besedilo;
• : Ima - izbere elementi, ki vsebujejo tudi druge elemente karakteristične linije;
• : Matično - izbere elementi, ki vsebujejo katerokoli drugo;
• : Prazen - izbere elemente, ki ne vsebujejo katerega koli drugega.

Tukaj je primer. Če želite izbrati vse elemente div, ki vsebuje besedilo Pozdravljeni, morate pisati $ (div: vsebuje ( 'Hello')).

selektorji hierarhija

Obstaja še en način, da izberete elemente v JQuery, in sicer - glede na njihovo hierarhijo (to je razmerje med seboj na HTML-strani). Veliko jih je, zato smo predstavili dve izmed najbolj priljubljenih, "otrok" in "potomec".

V prvem primeru so izbrani elementi, ki so neposredni potomci (otroci) danega elementa (prednika). Na primer, da izberete elemente seznama v svetlo razredu, ki je seznam otrok nav, potem morate napisati: $ (ul # nav> li.light).

Drugi primer - bolj splošno. Tukaj lahko izberete in posredni potomci elementa. Na primer, izbrati povezav v seznamu nav predpiše: $ (ul # nav a).

Tako je v JQuery lahko elemente izberemo na različne načine z uporabo parametrov, kot je razred, ID, atributi, vsebine ali hierarhije HTML dokumenta elementov.