Idi ti ma a nilo ati bi lati gba Ìbòmọlẹ-selector?

Modern ayelujara onise yẹ ki o ko nikan Titunto si awọn ni ibere ti awọn HTML, awọn CSS ati JavaScript, sugbon tun ni anfani lati sise ni Ìbòmọlẹ ìkàwé, eyi ti fojusi lori awọn ibaraenisepo ti JavaScript pẹlu HTML-aṣẹ. Ti o faye gba ni wiwọle yara yara si eyikeyi ano Home (elo siseto ni wiwo ti o pese wiwọle si akoonu html-faili) ati riboribo wọn. Awọn ifilelẹ ti awọn igbekale sipo ti awọn ìkàwé ni o wa ni egbe. Ni ibere lati waye ọkan tabi awọn miiran egbe, o nilo a Ìbòmọlẹ-selector.

Agbekalẹ selectors ni Ìbòmọlẹ ìkàwé

Awọn selectors ni Ìbòmọlẹ da lori lilo ni CSS. Wọn ti wa ni ti a beere lati yan awọn ohun kan HTML-faili, lati lo wọn lati fa awọn wọnyi tabi awọn miiran ọna ti ifọwọyi wọn (awọn egbe). Search ni ti gbe jade nipasẹ awọn selector $ () iṣẹ. Fun apẹẹrẹ, $ ( 'ipin').

Awọn selectors le wa ni classified o da lori bi awọn asayan ti eroja:

• ipilẹ;
• nipa ro;
• awọn logalomomoise;
• akoonu;
• lori awọn ti itoju;
• wun ti fọọmu oko;
• awọn miran.

Key selectors

Ni 90% ti awọn igba miran nigba lilo yi ìkàwé ti lo Ìbòmọlẹ-selector ini si awọn ifilelẹ ti awọn ẹgbẹ. Gbogbo awọn ti wọn wa ni oyimbo o rọrun ati ki o ko o. Jẹ ki a ro kọọkan ti wọn:

• * - yan gbogbo iwe eroja, pẹlu ori, ara, ati be be lo.;
• p / ipin / legbe / ... - yan gbogbo awọn eroja ti iṣe ti awọn predetermined tag (ie to p.div, legbe, be be lo ...);
• .myClass / p.myClass - yan awọn eroja pẹlu awọn pàtó kan kilasi orukọ;
• # MyID / p # myID -. Yan eyikeyi ọkan ohun kan pẹlu awọn fun ID.

Eyi ni àpẹẹrẹ. Jẹ ká sọ ti a nilo lati yan gbogbo eroja lori iwe pẹlu Nhi kilasi titẹsi ni yio je bi wọnyi: $ (Nhi.). Ti o ba wulo nikan p eroja ti yi kilasi, ki o si kọ: $ (p.par).

ikalara selectors

O le lo awọn Ìbòmọlẹ akọkọ-selector, ti o ba ti a nilo lati yan ohun kan ini si eyikeyi kilasi nini ID tabi yan gbogbo awọn eroja lori iwe. Sibẹsibẹ, nibẹ ni o wa igba nigbati ohun kan ni o ni ko kilasi tabi ID. O ti wa ni fun yi ati nibẹ ni o wa aṣayan nipa ro. Wọn ti gba o laaye lati ṣe kan aṣayan lori diẹ ninu awọn ro ti awọn HTML-eroja, gẹgẹ bi awọn href tabi src. Yi ro ti kọ ọ ninu square biraketi [].

Awọn alinisoro apẹẹrẹ: $ ([src]) - yan gbogbo awọn eroja ti o ni src ro. O ti wa ni ṣee ṣe lati dín awọn ayẹwo nipa seto awọn ro pe iye: $ ([src = 'http: // ojula / article / 132222 / iye']).

O le lo diẹ ninu awọn Ìbòmọlẹ selectors ti o ba ti o ba fẹ lati dín awọn aaye ti o fẹ. Fun apẹẹrẹ, $ (p [awọ = blue] [iwọn = 12]) - ti wa ni ti a ti yan nikan awon eroja p, eyi ti a bulu awọ ati iwọn 12.

Selectors akoonu

Ni ti nla, ti o ba o ko ba le yan eroja da lori eroja tabi ipilẹ selectors, o yẹ ki o tọkasi si akoonu wọn. Ni lapapọ nibẹ ni o wa 4 selector ti yi iru:

• : Ni - yan awọn ohun ti o ni awọn pàtó kan ọrọ;
• : Ni - yan eroja ti o ni awọn miiran eroja ti iwa ti awọn ila;
• : Obi - yan eroja ti o ni awọn eyikeyi miiran;
• : Sofo - yan eroja ti ko ni eyikeyi miiran.

Eyi ni àpẹẹrẹ. Lati yan gbogbo awọn eroja ipin, ti o ni awọn ọrọ ti awọn Hello, o nilo lati kọ $ (ipin: ni ( 'Hello')).

Selectors logalomomoise

Nibẹ ni ona miiran lati yan eroja ni Ìbòmọlẹ, eyun - gẹgẹ bi wọn logalomomoise (ti o ni, awọn ipin ti kọọkan miiran lori awọn HTML-iwe). A pupo ti wọn, ki a mu meji ninu awọn julọ gbajumo, "ọmọ" ati "arọmọdọmọ".

Ni akọkọ irú awọn eroja ti wa ni ti a ti yan, eyi ti o wa taara ọmọ (ọmọ) ti a fi fun ano (baba). Fun apẹẹrẹ, lati yan awọn eroja ti awọn akojọ ninu ina kilasi ti o jẹ a ọmọ nav akojọ, ki o si nilo lati kọ: $ (ul # nav> li.light).

Awọn keji irú - kan diẹ apapọ. Nibẹ le ti wa ni ti a ti yan ati ki o aiṣe-ọmọ ti awọn ano. Fun apẹẹrẹ, lati yan awọn ìjápọ laarin awọn akojọ nav juwe: $ (ul # nav a).

Bayi, ni Ìbòmọlẹ eroja le wa ni ti a ti yan ni orisirisi ona nipa lilo sile bi a kilasi, ID, eroja, akoonu tabi logalomomoise ti HTML-iwe eroja.