Nganong kita kinahanglan ug sa unsa nga paagi sa pagtala sa JQuery-selector?

Modernong web designer kinahanglan nga dili lamang sa master sa mga sukaranan sa mga HTML, ang CSS ug JavaScript, apan usab makahimo sa pagtrabaho diha sa JQuery librarya, nga nag-focus sa sa pakig sa JavaScript uban sa HTML-dokumento. Nga nagtugot kini dali access sa bisan unsa nga elemento DOM (aplikasyon programming interface nga naghatag og access ngadto sa sulod HTML-file) ug pagmaniobra kanila. Ang nag-unang structural mga yunit sa librarya mao ang mga team. Aron sa paggamit sa usa o sa uban nga mga team, nga kamo kinahanglan nga usa ka JQuery-selector.

Pormula selectors sa JQuery librarya

Ang selectors sa JQuery base sa paggamit sa CSS. Sila gikinahanglan sa pagpili sa mga butang HTML-file, sa paggamit kanila sa hinungdan niini o sa ubang mga paagi sa pagmaniobra kanila (sa team). Search ang gidala sa gawas pinaagi sa selector $ () function. Pananglitan, $ ( 'div').

Ang selectors mahimong classify depende sa kon sa unsang paagi nga ang pagpili sa mga elemento:

• nag-unang mga;
• pinaagi sa hiyas;
• ang herarkiya;
• sulod;
• sa kahimtang;
• pagpili sa mga uma nga porma;
• sa uban.

Key selectors

Sa 90% sa mga kaso sa diha nga ang paggamit niini nga librarya gigamit JQuery-selector iya sa nag-unang grupo. Ang tanan nga kanila mao ang na yano ug tin-aw. Atong hisgotan ang matag usa kanila:

• * - mopili sa tanan nga mga elemento sa panid, lakip na sa ulo, lawas, etc;.
• p / div / sidebar / ... - mopili sa tanan nga mga elemento kalabut sa gitino nang daan tag (ie sa p.div, sidebar, etc ...);
• .myClass / p.myClass - mopili sa mga elemento sa mga bungat nga ngalan klase;
• # MyID / p # myID -. Mopili sa bisan unsa nga usa ka butang uban sa gihatag nga ID.

Ania ang usa ka panig-ingnan. Ang ni-ingon nga kita kinahanglan nga pagpili sa tanan nga mga elemento sa panid uban sa par klase entry mahimong ingon sa mosunod: (. Par) $. Kon gikinahanglan lamang p elemento sa niini nga klase, dayon isulat: $ (p.par).

nagtuo nga selectors

Inyong magamit sa JQuery nag-unang-selector, kon kita kinahanglan nga pagpili sa usa ka butang nga iya sa bisan unsa nga klase nga may ID o pagpili sa tanan nga mga elemento sa panid. Apan, adunay mga kaso sa diha nga ang usa ka butang nga walay klase o ID. Kini alang sa niini ug adunay mga pinili pinaagi sa hiyas. motugot nila kaninyo sa paghimo sa usa ka pagpili sa pipila hiyas sa HTML-elemento, sama sa href o SRC. hiyas Kini nahisulat diha sa kuwadrado brackets [].

Ang simplest panig-ingnan: $ ([SRC]) - mopili sa tanan nga mga elemento nga adunay SRC hiyas. Kini mao ang posible nga sa pig-ot ang sample pinaagi sa pagpaila sa pipila ka bili hiyas: $ ([SRC = 'http: // site / artikulo / 132222 / bili']).

Inyong magamit sa pipila ka mga JQuery selectors kon kamo gusto nga pig-ot ang uma sa pagpili. Pananglitan, $ (p [kolor = blue] [gidak-on = 12]) - ang pinili nga lamang sa mga elemento p, nga adunay usa ka asul nga kolor ug gidak-on 12.

Selectors sulod

Sa kaso nga, kon kamo dili pagpili sa mga elemento base sa mga hiyas o sa nag-unang mga selectors, kamo kinahanglan nga magtumong sa ilang sulod. Sa kinatibuk adunay 4 selector sa niini nga matang:

• : Naglangkob - mopili butang nga naglangkob sa bungat nga teksto;
• : Ang - mopili elemento nga naglangkob sa uban nga mga elemento nga kinaiya sa linya;
• : Ginikanan - mopili elemento nga naglakip sa bisan unsa nga lain nga mga;
• : Walay - mopili elemento nga dili naglakip sa bisan unsa nga lain.

Ania ang usa ka panig-ingnan. Sa pagpili sa tanan nga mga elemento div, nga naglangkob sa mga teksto sa Hello, nga kamo kinahanglan sa pagsulat $ (div: naglangkob ( 'Hello')).

Selectors herarkiya

Adunay laing paagi sa pagpili sa mga elemento sa JQuery, nga mao - sumala sa ilang herarkiya (nga mao, ang ratio sa matag usa diha sa HTML-pahina). Usa ka daghan sa kanila, mao nga ihalad kita sa duha ka sa labing popular, "bata" ug "kaliwat".

Sa unang kaso sa mga elemento nga gipili, nga mao ang mga direkta nga kaliwat (mga anak) sa usa ka gihatag nga elemento (katigulangan). Pananglitan, sa pagpili sa mga elemento sa listahan diha sa kahayag klase nga mao ang usa ka listahan sa bata nav, nan kamo kinahanglan nga pagsulat: $ (ul # nav> li.light).

Ang ikaduha nga kaso - sa usa ka labaw nga kinatibuk-ang. Adunay mahimong pinili nga ug dili-direkta nga mga kaliwat sa mga elemento. Pananglitan, sa pagpili sa mga sumpay sa sulod sa listahan nav prescribe: $ (ul # nav sa usa ka).

Busa, sa JQuery elemento mahimong pinili nga sa nagkalain-laing mga paagi pinaagi sa paggamit sa lantugi sama sa usa ka klase, ID, mga hiyas, sulod o hierarchy sa mga elemento sa HTML-dokumento.