Af hverju þurfum við og hvernig á að taka jQuery-selector?

Modern vefur hönnuður ætti ekki aðeins að læra grunnatriði HTML, CSS og JavaScript, en einnig að vera fær um að vinna í jQuery bókasafn, sem fjallar um samspil JavaScript með HTML-skjöl. Að það gerir skjótan aðgang að öllum þátturinn DOM (umsókn forritun tengi sem veitir aðgang að innihaldi HTML-skrár) og vinna þá. Helstu skipulagsbreytingar einingar safninu eru lið. Til þess að eiga einn eða annan lið, þú þarft jQuery-val.

Formúla selectors í jQuery safninu

The selectors í jQuery byggir á notkun á CSS. Þeir þurfa að velja atriði HTML-skrá, að nota þá til að valda þessum eða öðrum aðferðum við að notfæra þá (sem lið). Leit fer fram í gegnum val $ () virka. Til dæmis, $ ( 'div').

The selectors er hægt að flokka eftir því hvernig val á þáttum:

• undirstöðu;
• með því að eiginleiki,
• sem stigveldi;
• efni;
• á aðstæðum;
• Val á reitunum;
• aðrir.

helstu selectors

Í 90% tilvika þegar þetta bókasafn er notað jQuery-val tilheyra helstu hópnum. Öll þau eru alveg einfalt og skýrt. Leyfðu okkur að líta hvert þeirra:

• * - velur allar síðueiningum, þar á meðal höfuðið, líkama, etc;.
• p / div / skenkur / ... - velur allar þætti sem lúta að fyrirfram ákveðnu merki (þ.e. að p.div, skenkur, etc ...);
• .myClass / p.myClass - velur þætti með tilgreindum bekknum nafn;
• # MyID / p # myID -. Velur hvaða eitt atriði með þessu auðkenni.

Hér er dæmi. Við skulum segja að við þurfum að velja alla þætti á síðunni með par bekknum færslu verður sem hér segir: (. PAR) $. Ef nauðsyn krefur einungis p þætti í þessum flokki, þá skrifa: $ (p.par).

eigindi selectors

Hægt er að nota jQuery helstu-val, ef við þurfum að velja hlut sem tilheyra einhverjum flokki hafa ID eða velja alla þætti á síðunni. Hins vegar eru tilvik þegar hlutur hefur enga bekknum eða auðkenni. Það er fyrir þetta og það eru val by eiginleiki. Þeir leyfa þér að gera upp á úrval á sumum eiginleiki HTML-þætti, svo sem href eða src. Þessi eiginleiki er skrifuð í hornklofa [].

Einfaldasta dæmi: $ ([src]) - velur alla þætti sem hafa src eiginleiki. Það er hægt að þrengja sýnið með því að skilgreina ákveðin eigindi gildi: $ ([src = 'http: // staðnum / grein / 132222 / gildi']).

Þú getur notað sum jQuery selectors ef þú vilt að þrengja sviði val. Til dæmis, $ (p [color = Blár] [size = 12]) - eru valdar aðeins þá hluta hans p, sem eru einkennd með bláum lit og af stærðinni 12.

selectors efni

Í því tilfelli, ef þú getur ekki valið þætti sem byggja á eiginleikum eða undirstöðu selectors, ættir þú að vísa til efni þeirra. Alls eru 4 val af þessu tagi:

• : Inniheldur - velur atriði innihalda tiltekinn texta;
• : Hefur - velur þætti sem innihalda aðra þætti sem eru einkennandi fyrir línu;
• : Parent - velur þætti sem innihalda önnur;
• : Empty - velur þættir sem ekki innihalda önnur.

Hér er dæmi. Til að velja alla þætti div, sem inniheldur texta Halló, þú þarft að skrifa $ (div: inniheldur ( 'Hello')).

selectors stigveldi

Það er önnur leið til að velja atriði í jQuery, þ.e. - samkvæmt stigveldi þeirra (það er hlutfall af hvort öðru á HTML-síðu). A einhver fjöldi af þeim, þannig að við kynna tvær af vinsælustu, "barnið" og "afkomandi".

Í fyrra tilvikinu þættir eru valin, sem eru bein afkomendur (börn) í tilteknu frumefni (forfaðir). Til dæmis, til að velja þætti listanum í ljós bekknum sem barn NAV lista, þá þarftu að skrifa: $ (ul # NAV> li.light).

Annað mál - meira almennt. Þar er hægt að velja og óbeinum afkomendur frumefni. Til dæmis, til að velja tengla innan listanum NAV ávísa: $ (ul # NAV a).

Svona, í jQuery þætti er hægt að velja á ýmsa vegu með því að nota breytur eins og a tegund, ID, eiginleika, efni eða stigveldi HTML-skjal þætti.