Nahoana isika no mila sy ny fomba mba hanoratra JQuery-selector?

Modern mpamorona tranonkala tsy tokony hahafehy ny fototry ny HTML, ny CSS sy JavaScript, fa koa ho afaka ny hiasa ao amin'ny JQuery famakiam-boky, izay mifantoka amin'ny fifandraisana ny JavaScript amin'ny HTML-tahirin-kevitra. Haingana fa mamela ny fidirana amin'ny misy singa DOM (fampiharana fandaharana izay manome interface tsara ny fidirana amin'ny votoaty HTML-antontan-taratasy) sy fitaovana azy ireo. Ny tena ara-drafitra vondrona ny famakiam-boky dia ny ekipa. Mba mampihatra ny iray na ny hafa ekipa, dia mila ny JQuery-selector.

Formula selectors in JQuery famakiam-boky

Ny selectors in JQuery mifototra amin'ny fampiasana amin'ny CSS. Izy ireo dia tsy maintsy mifidy zavatra HTML-antontan-taratasy, ny fampiasana azy ireo mba hahatonga ireo na ny fomba hafa ny manodinkodina azy ireo (ny ekipa). Search dia tanterahina amin'ny alalan'ny selector $ () ny asa. Ohatra, $ ( 'DIV').

Ny selectors Azo sokajiana arakaraka ny fomba fifantenana ny singa:

• fototra;
• ny toetra;
• ny ambaratongam-pitantanana;
• afa-po;
• ny toe-draharaha;
• safidy ny teny saha;
• ny hafa.

Key selectors

Tamin'ny 90% ny tranga, rehefa mampiasa trano famakiam-boky ity no ampiasaina JQuery-selector an'ny vondrona lehibe. Izy rehetra dia tena tsotra sy mazava. Andeha hodinihintsika tsirairay izy ireo:

• * - mifidy pejy singa rehetra, anisan'izany ny loha, vatana, sns.;
• t / DIV / bara mitsivalana / ... - mifidy singa rehetra mikasika ny mari-pamantarana ny efa voafaritra mialoha (izany hoe ny p.div, bara mitsivalana, sns ...);
• .myClass / p.myClass - mifidy ny singa miaraka amin'ny mpianatra voatondro anarany;
• # MyID / p # myID -. No mifidy misy zavatra amin'ny nomena ID.

Indro misy ohatra iray. Andeha hoe ilaintsika ny mifidy singa rehetra eo amin'ny pejy amin'ny teny feh kilasy dia ho toy izao manaraka izao: $ (feh.). Raha ilaina ihany, p singa io kilasy, dia manoratra: $ (p.par).

milaza selectors

Azonao atao ny mampiasa ny JQuery-selector lehibe indrindra, raha mila mifidy ny zavatra an'ny kilasy misy manana ID na mifidiana singa rehetra eo amin'ny pejy. Na izany aza, misy ireo toe-javatra, rehefa tsy misy zavatra iray kilasy na ID. Kanefa kosa izany ary misy voafantina amin'ny toetra. Izy mamela anao hanao safidy sasany toetra ny HTML-singa, toy ny href na src. Io toetra voasoratra ao toradroa anaty fonosana [].

Ny ohatra tsotra: $ ([src]) - mifidy singa rehetra izay manana src toetra. Azo atao ny tery ny santionany amin'ny alalan'ny toetra voafaritra sasany vidiny: $ ([src = 'http: // toerana / lahatsoratra / 132222 / sarobidy']).

Azonao atao ny mampiasa ny sasany JQuery selectors raha te-tery ny sehatry ny safidy. Ohatra, $ (p [loko = manga] [haben'ny = 12]) - no voafantina ireo singa t ihany, izay manana loko manga sy ny habeny 12.

Selectors afa-po

Raha izay no mitranga, raha tsy afaka misafidy singa na toetra mifototra amin'ny fototra selectors, tokony manondro ny votoatiny. Ny fitambarany misy 4 selector ity karazana:

• : Misy - mifidy zavatra voafaritra misy ny soratra;
• : Efa - mifidy zavatra hafa izay ahitana singa mampiavaka ny tsipika;
• : Parent - mifidy izay ahitana singa hafa;
• : Foana - mifidy singa izay tsy misy hafa.

Indro misy ohatra iray. Ny mifidy DIV singa rehetra, misy ny lahatsoratry ny Hello, tokony hanoratra $ (DIV: ahitana ( 'Manahoana')).

Selectors ambaratongam-pitantanana

Misy fomba hafa koa ny mifidy singa ao JQuery, izany hoe - araka ny ambaratongam-pahefana (izany hoe, ny tahan'ny ny tsirairay eo amin'ny HTML-pejy). Maro amin'izy ireo, noho izany dia manolotra roa malaza indrindra, "zaza" sy ny "taranaky".

Ao amin'ny tranga voalohany ny singa no voafantina, izay taranak'i mivantana (ankizy) ny nomena singa (razana). Ohatra, mba mifidy ny singa 'ny lisitra eo amin'ny mazava kilasy izay Nav lisitra ny ankizy, dia tokony hanoratra: $ (ul # Nav> li.light).

Ny tranga faharoa - kokoa ankapobeny. Misy azo voafidy sy ankolaka tamingan 'ny singa. Ohatra, ny mifidy ny rohy ao anatin'ny lisitra Nav fanafody: $ (ul # Nav a).

Araka izany, ao amin'ny JQuery singa azo voafantina amin'ny fomba isan-karazany amin'ny alalan'ny fampiasana masontsivana toy ny kilasy, ID, toetra, afa-po na ambaratongam-pitantanana ny HTML-drakitra singa.