Gịnị mere anyị mkpa na otú idekọ Jquery-selector?

Modern web mmebe kwesịrị ọ bụghị nanị ịmụta ihe ndị bụ isi nke HTML, na CSS na JavaScript, ma-enwe ike na-arụ ọrụ na Jquery n'ọbá akwụkwọ, nke na-elekwasị anya na mmekọrịta nke JavaScript na HTML-akwụkwọ. Na na ọ na-enye ohere ohere ngwangwa ka ọ bụla mmewere DOM (ngwa mmemme interface na-enye ohere content html-faịlụ) na ịgbanwe ha. Isi bughi nkeji nke ọbá akwụkwọ bụ otu. Iji jiri otu ma ọ bụ ndị ọzọ na otu, ị chọrọ a Jquery-selector.

Formula selectors na Jquery n'ọbá akwụkwọ

The selectors na Jquery dabeere na ojiji na CSS. Ha na-chọrọ iji họrọ ihe HTML-faịlụ, na-eji ha na-eme ka ndị a ma ọ bụ ụzọ ndị ọzọ nke emeghari ha (otu). Search a rụrụ site na selector $ () ọrụ. Ka ihe atụ, $ ( 'div').

The selectors nwere ike nkewa dabere na otú nhọrọ nke ọcha:

• isi;
• site àgwà;
• ndị isi chọọchị;
• ọdịnaya;
• na ọnọdụ;
• oke nke ụdị ubi;
• ndị ọzọ.

Key selectors

Na 90% nke ikpe mgbe eji nke a n'ọbá akwụkwọ a na-eji Jquery-selector nke isi otu. Ha niile bụ nnọọ ihe dị mfe ma doo anya. Ka anyị tụlee nke ọ bụla n'ime ha:

• * - ahọrọ niile page ọcha, tinyere isi, ahụ, wdg.;
• p / div / sidebar / ... - ahọrọ niile ọcha metụtara gaghị agara mkpado (ie na p.div, sidebar, wdg ...);
• .myClass / p.myClass - ahọrọ ndị ọcha na kpọmkwem klas aha;
• # MyID / p # myID -. Ahọrọ ọ bụla otu ihe na enye ID.

Lee otu ihe atụ. Ka anyị kwuo na anyị kwesịrị iji họrọ niile ọcha na peeji nke na par klas ntinye ga-dị ka ndị a: $ (par.). Ọ bụrụ na ọ dị mkpa naanị p ọcha nke a na klas, mgbe ahụ, dee: $ (p.par).

ikwu selectors

Ị nwere ike iji Jquery isi-selector, ma ọ bụrụ na anyị kwesịrị iji họrọ otu ihe nke ọ bụla na klas na-enwe ID ma ọ bụ họrọ niile ọcha na peeji nke. Otú ọ dị, e nwere otu mgbe otu ihe nwere dịghị klas ma ọ bụ ID. Ọ bụ n'ihi na a na e nwere ndị selections site àgwà. Ha na-ekwe ka ị na-eme ka a nhọrọ na ụfọdụ àgwà nke HTML-ọcha, dị ka href ma ọ bụ src. Nke a àgwà e dere square brackets [].

The mfe atụ: $ ([src]) - ahọrọ niile ọcha nwere src àgwà. Ọ bụ ike belata sample site ikwu ụfọdụ àgwà uru: $ ([src = 'http: // saịtị / isiokwu / 132222 / uru']).

Ị nwere ike iji ụfọdụ Jquery selectors ma ọ bụrụ na ị chọrọ warara ubi nke oke. Ka ihe atụ, $ (p [agba =-acha anụnụ anụnụ] [size = 12]) - na-ahọrọ naanị ndị ọcha p, nke nwere a-acha anụnụ anụnụ na agba na size 12.

Selectors ọdịnaya

Na ikpe, ma ọ bụrụ na i nwere ike họrọ ihe dabeere na àgwà ma ọ bụ isi selectors, ị kwesịrị ị na-ezo aka na ha. Na ngụkọta e nwere 4 selector nke ụdị:

• : Nwere - ahọrọ ihe nwere kpọmkwem ederede;
• : Ọ - ahọrọ ihe na-ebu ndị ọzọ ọcha ji mara ndị na akara;
• : Nne na Nna - ahọrọ ihe na nwere ihe ọ bụla ọzọ;
• : Efu - ahọrọ ihe na-adịghị nwere ihe ọ bụla ọzọ.

Lee otu ihe atụ. Iji họrọ ihe niile dị n'eluigwe na ụwa div, nwere ihe odide nke Hello, ị mkpa dee $ (div: nwere ( 'Ekele')).

Selectors hierarchy

Ọ dị ụzọ ọzọ ka họrọ ọcha na Jquery, ya bụ - dị ka ha hierarchy (ya bụ, ruru nke ọ bụla ọzọ na HTML-page). A ọtụtụ n'ime ha, n'ihi na anyị na-ewetara abụọ n'ime ihe ndị kasị ewu ewu, "nwa" na 'nkpuru'.

Ke akpa idaha ndị ọcha na-ahọrọ, nke bụ kpọmkwem ụmụ (ụmụ) nke a nyere mmewere (nna nna). Ka ihe atụ, iji họrọ ọcha nke ndepụta na ìhè na klas nke bụ a nwa nav ndepụta, ị mkpa dee: $ (ul # nav> li.light).

Nke abụọ ahụ - a ọzọ n'ozuzu. E nwere ike họrọ na-apụtachaghị ìhè na ụmụ nke mmewere. Ka ihe atụ, iji họrọ njikọ n'ime ndepụta nav nye iwu: $ (ul # nav a).

N'ihi ya, na Jquery ọcha nwere ike họrọ ihe dị iche iche site na iji parameters dị ka a na klas, ID, àgwà, ọdịnaya ma ọ bụ hierarchy nke HTML-akwụkwọ ọcha.