Poukisa nou bezwen ak ki jan nan dosye JQuery-seleksyon?

Modèn designer sit entènèt pa ta dwe sèlman mèt Basics yo nan HTML a, CSS la ak JavaScript, men tou, kapab travay nan bibliyotèk la JQuery, ki konsantre sou entèraksyon an nan JavaScript ak HTML dokiman-. Ke li pèmèt aksè rapid nan nenpòt eleman Dom (koòdone pwogram aplikasyon ki bay aksè nan kontni html-dosye) ak manipile yo. prensipal inite yo estriktirèl nan bibliyotèk la yo se ekip la. Yo nan lòd yo aplike youn oswa ekip la lòt, ou bezwen yon JQuery-seleksyon.

Fòmil seleksyon an JQuery bibliyotèk

seleksyon yo nan JQuery ki baze sou itilize nan CSS. Yo oblije chwazi atik HTML-dosye, nan sèvi ak yo nan lakòz sa yo oswa lòt metòd pou manipile yo (ekip la). se Recherche te pote soti atravè fonksyon an seleksyon $ (). Pou egzanp, $ ( 'div').

seleksyon yo kapab klase depann sou ki jan seleksyon an nan eleman:

• debaz;
• pa atribi;
• yerachi a;
• kontni;
• sou sitiyasyon an;
• chwa nan jaden yo fòm;
• lòt moun.

seleksyon kle

Nan 90% nan ka lè w ap itilize se bibliyotèk sa a itilize JQuery-seleksyon sa ki nan gwoup la prensipal la. Tout moun nan yo yo se byen senp epi ki klè. Se pou nou konsidere chak nan yo:

• * - chwazi tout eleman paj, ki gen ladan tèt la, kò, elatriye;.
• p / div / ankadre / ... - chwazi tout eleman ki gen rapò ak tag a Predetermined (sa vle di p.div, ankadre, elatriye ...);
• .myClass / p.myClass - chwazi eleman yo ak non an klas espesifye;
• # MyID / p # myID -. Chwazi nenpòt bagay yon sèl ak ID a bay yo.

Isit la se yon egzanp. Se pou nou di nou bezwen chwazi tout eleman sou paj la ak antre klas par pral jan sa a: (. Par) $. Si sa nesesè sèlman eleman p nan klas sa a, lè sa a ekri: $ (p.par).

atribi seleksyon

Ou kapab sèvi ak JQuery prensipal-seleksyon an, si nou bezwen chwazi yon atik sa ki nan nenpòt ki gen ID klas oswa chwazi tout eleman sou paj la. Men tou, gen ka lè yon atik pa gen okenn klas oswa ID. Li se pou sa a e gen seleksyon pa atribi. Yo pèmèt ou fè yon seleksyon sou kèk atribi nan HTML-eleman yo, tankou href oswa src. Sa a se atribi ekri nan parantèz kare [].

Egzanp lan pi senp: $ ([src]) - chwazi tout eleman sa yo ki te src atribi. Li posib yo etwat echantiyon an pa ki espesifye sèten valè atribi: $ ([src = 'http: // sit / atik / 132222 / valè']).

Ou ka sèvi ak kèk seleksyon JQuery si ou vle etwat jaden an nan chwa. Pou egzanp, $ (p [koulè = ble] [gwosè = 12]) - yo chwazi se sèlman moun ki eleman p, ki gen yon koulè ble ak gwosè 12.

Selektè kontni

Nan ka sa a, si ou pa ka chwazi eleman ki baze sou atribi oswa seleksyon debaz yo, ou ta dwe al gade nan kontni yo. Nan total gen 4 seleksyon nan kalite sa a:

• : Gen - chwazi atik ki gen tèks ki espesifye;
• : Èske - chwazi eleman ki gen lòt eleman karakteristik nan jwèt la;
• : Paran - chwazi eleman ki gen nenpòt lòt;
• : Vide - chwazi eleman ki pa genyen nenpòt ki lòt.

Isit la se yon egzanp. Pou chwazi tout eleman div, ki gen tèks la nan Bonjou a, ou bezwen ekri $ (div: gen ( 'Bonjou')).

Selektè yerachi

Gen yon lòt fason yo ka chwazi eleman nan JQuery, sètadi - dapre yerachi yo (se sa ki, rapò a nan youn ak lòt sou HTML-paj la). Yon anpil nan yo, se konsa nou prezante de nan ki pi popilè, "timoun nan" ak "pitit".

Nan pwemye ka a eleman yo yo chwazi, ki se pitit pitit dirèk (timoun) nan yon eleman bay (zansèt). Pou egzanp, yo ka chwazi eleman ki nan lis la nan klas limyè ki se yon lis navigation timoun, Lè sa a, ou bezwen ekri: $ (UL # navigation> li.light).

dezyèm ka a - yon pi plis jeneral. Gen ka chwazi ak pitit pitit endirèk nan eleman an. Pou egzanp, yo ka chwazi lyen yo nan lis la navigation preskri: $ (UL # navigation a).

Kidonk, nan JQuery eleman ka chwazi nan divès fason lè l sèvi avèk paramèt tankou yon klas, ID, atribi, kontni oswa yerachi nan eleman HTML-dokiman.