Miks me vajame ja kuidas salvestada jQuery valijat?

Moodne web disainer peaks mitte ainult kapten põhitõdesid HTML, CSS ja JavaScript, vaid ka olema võimelised töötama jQuery raamatukogu, mis keskendub vastastikmõju JavaScript HTML-dokumente. Et see võimaldab kiiret juurdepääsu mis tahes element DOM (rakenduse programmeerimise liidest, mis annab juurdepääsu sisu html-failid) ja manipuleerida neid. Peamised struktuuriüksused raamatukogu on meeskond. Selleks, et taotleda ühe või teise meeskonna, peate jQuery-valijat.

Vormel valijad on jQuery raamatukogu

Selektorid sisse jQuery põhineb kasutamiseks CSS. Nad on kohustatud üksuste valimiseks HTML-faili, et kasutada neid tekitada neid või muid meetodeid manipuleerides neid (meeskond). Otsi viiakse läbi valijat $ () funktsiooni. Näiteks $ ( 'div').

Selektorid võib liigitada sõltuvalt sellest, kuidas valik elemente:

• põhi;
• atribuut;
• hierarhias;
• sisu;
• olukorrast;
• valik vormi väljad;
• teised.

Key valijad

90% juhtudest, kui kasutate seda raamatukogu kasutatakse jQuery valijat kuuluvate peamine rühm. Kõik nad on üsna lihtne ja selge. Mõelgem igaüks neist:

• * - valib kõik lehe elemendid, sealhulgas juht, keha jne.;
• p / div / külgriba / ... - valib kõik elemendid, mis on seotud kindlaksmääratud tag (st p.div, sidebar, jne ...);
• .myClass / p.myClass - valib elemente määratud klassi nimi;
• # Myid / p # myid -. Valitakse suvalisele ga üksust ID.

Siin on näide. Oletame peame vali kõik elemendid lehel koos par klassi kanne on järgmine: $ (par.). Vajadusel ainult p elemendid selles klassis, siis kirjuta: $ (p.par).

atribuut valijad

Võite kasutada jQuery peamine-valijat, kui meil on vaja elemendi valimiseks kuuluvate mis tahes klassi, millel ID või vali kõik elemendid lehel. Siiski on juhtumeid, kui toode ei ole klassi või ID. Just sel ja seal on valik atribuut. Nad võimaldavad teil teha valiku mõne atribuudi HTML-elemente, nagu href või src. See omadus on kirjutatud nurksulgudes [].

Lihtsaim näide: $ ([src]) - valib kõik elemendid, mis on atribuuti src. On võimalik täpsustamiseks proovi määrates teatud atribuudiväärtus: $ ([src = 'http: // saidi / article / 132222 / väärtus']).

Võite kasutada mõningaid jQuery valijad kui soovite kitsas valdkonnas valik. Näiteks $ (p [color = blue] [size = 12]) - valitakse vaid need elemendid p, mis on sinine värv ja suurus 12.

valijad sisu

Sellisel juhul, kui te ei saa valida elemente põhineb omadustel või põhi valijad, siis tuleb viidata nende sisu. Kokku on 4 valijat seda tüüpi:

• : Sisaldab - valib teemad, mis sisaldab teatud teksti;
• : Kas - valib elemendid, mis sisaldavad teisi elemente iseloomulik joon;
• : Ema - valib elemendid, mis sisaldavad mis tahes muu;
• Tühi - valib elemente, mis ei sisalda muid.

Siin on näide. Et valida kõik elemendid div, mis sisaldab teksti Tere, teil on vaja kirjutada $ (div: sisaldab ( "Tere")).

valijad hierarhia

On veel üks viis, kuidas valida elemente jQuery, nimelt - vastavalt nende hierarhia (see suhe üksteist HTML-lehekülg). Paljud neist, nii et me esitada kaks kõige populaarsem, "laps" ja "järeltulija".

Esimesel juhul elemendid valitakse, mis on otsesed järglased (lapsed) antud elemendi (esivanem). Näiteks selleks, et valida elemente nimekiri valguse klassi, mis on lapse nav nimekirja, siis tuleb kirjutada: $ (ul # nav> li.light).

Teisel juhul - üldisema. Seal saab valida ja kaudse järeltulijad element. Näiteks selleks, et valida linke nimekirja nav ette: $ (ul # nav a).

Seega JQuery elemente saab valida erinevatel viisidel, kasutades parameetreid nagu klassi, ID atribuutidega, sisu või hierarhias HTML-dokumendi elemente.