Maxaa loogu baahan yahay iyo sida ay u qoraan JQuery-xulista?

naqshadeeye web Modern waa in aan u yaqaaniin keliya waxyaabaha aasaasiga ah ee HTML ah, ku CSS iyo JavaScript, laakiin sidoo kale in ay ka shaqeeyaan maktabadda JQuery ah, kaas oo diiradda saarayaa dhexgalka ee JavaScript la HTML-waraaqaha awoodaan. Taasi waxay u saamaxdaa degdeg ah si wax element Dom (interface barnaamijyada codsiga in siisaa inay helaan content html-files) helidda iyo melo. Unugyada ugu weyn ee dhismaha maktabadda waa kooxda. Si aad u codsato mid ka mid ah ama koox kale, waxaad u baahan tahay a JQuery-xulista.

selectors Formula maktabadda JQuery

selectors ee JQuery ku salaysan isticmaalka in CSS. Waxaa loo baahan yahay in ay doortaan alaabta HTML-file, si ay u isticmaalaan si ay keeni ama hababka kale ee iyaga (kooxda) beddelo. Search waa la fuliyay via shaqo ee xulista $ (). Tusaale ahaan, $ ( 'QAY').

selectors waxaa lagu kala saari karaa iyada oo ku xiran sida doorashada ee socota:

• aasaasiga ah,
• by sifo;
• madaxda;
• content;
• ku saabsan xaaladda,
• doorashada beeraha foomka;
• dadka kale.

selectors Key

In 90% ka mid ah xaaladaha marka la isticmaalayo maktabadda this waxaa loo isticmaalaa JQuery-xulista tirsan kooxda ugu weyn. Dhamaan iyaga ka mid ah waa kuwo fudud oo cad. Ha ka fikiro si aynu mid kasta oo iyaga ka mid ah:

• * - doorteen dhamaan qaybaha page, oo ay ku jiraan madaxa, jirka, iwm,.
• p / QAY / galeeysid / ... - doorteen dhamaan qaybaha ku saabsan tag ah loo dejiyay (ie in p.div, galeeysid, iwm ...);
• .myClass / p.myClass - doorto waxyaabaha la magaca fasalka ku qeexan;
• # MyID / p # myID -. Sooco kasta oo ka mid ah wax la ID la siiyey.

Halkan waxaa ku qoran tusaale ah. Aan niraahno waxaan u baahan nahay in ay doortaan dhamaan qaybaha bogga la gelitaanka fasalka par noqon doonaa sida soo socota: (. Par) $. Haddii loo baahdo oo keliya p xubno ka class this, ka dibna ku qor: $ (p.par).

yeelaan selectors

Waxaad isticmaali kartaa JQuery ugu weyn-xulista, haddii aanu u baahano in ay doortaan shay ka tirsan ID kasta oo fasal isagoo ama dooro dhamaan qaybaha on bogga. Si kastaba ha ahaatee, waxaa jira xaalado marka shay ma laha fasalka ama ID. Waa for this iyo waxaa jira doorashooyin by sifo. Waxay kuu ogolaanaysa inaad u samaysaa xulashada on qaar ka mid ah sifo ah ee HTML-cunsur, sida href ama SRC. sifo waxaa loo qoray in qaansada ku square [].

Tusaale ahaan ugu fudud: $ ([SRC]) - doorteen dhamaan qaybaha in ay leeyihiin sifo SRC. Waxaa suurto gal ah in ay soo koobto saamiga by cayimista qiimaha sifo gaar ah: $ ([SRC = "http: // site / article / 132222 / qiimaha ']).

Waxaad isticmaali kartaa qaar ka mid ah selectors JQuery haddii aad rabto in aad soo koobto berrinkii doorashada. Tusaale ahaan, $ (p [color = buluug] [size = 12]) - waxaa loo soo xulay oo keliya kuwa xubno p, kaas oo ay leeyihiin midab buluug iyo size 12.

Selectors content

Haddii ay sidaa tahay, haddii aadan dooran kartaa xubno ku salaysan sifooyinka ama selectors asaasiga ah, waa in aad eegtaa in ay content. Guud ahaan waxaa jira 4 xulista noocan ah:

• : Waxaa ku jira - doorto waxyaabaha ay ku jirto qoraalka ku cad,
• : Miyuu - doorteen xubno ay ku jiraan xubno kale oo caan ku ah khadka;
• : Waalidka - doorteen xubno in kale oo ku jira;
• : Faaruqa ah - doorteen xubno aan wax kale ku jiraan.

Halkan waxaa ku qoran tusaale ah. Si aad u dooratid dhammaan QAY xubno ka, oo ay ku jiraan qoraalka ah ee Hello, waxaad u baahan tahay si ay u qoraan $ (QAY: waxaa ku jira ( 'Hello')).

Selectors madaxda

Waxaa jira hab kale si ay u doortaan xubno in JQuery, kuwaas oo - sida ay madaxda (in uu yahay, ratio ee midba midka kale ku HTML-page). Dad badan oo iyaga ka mid ah, sidaa darteed waxaan ku soo bandhigaynaa laba ka mid ah kuwa ugu caansan, "ilmaha" iyo "farac".

In kiiska ugu horeysay xubno ka yihiin soo xulay, kuwaas oo farcamay (carruurta) ee element a siiyey (awoowe). Tusaale ahaan, in ay doortaan waxyaalaha aasaaska ah ee liiska fasalka light oo waa liiska NAV ilmaha, ka dibna aad u baahan tahay si ay u qoraan: $ (ul # NAV> li.light).

Kiiska labaad - a more guud. Waxaa lagu soo xulay karo iyo Faracoodii aan tooska ahayn ee element ah. Tusaale ahaan, in ay doortaan xiriirada gudahood liiska NAV qoro: $ (ul # NAV a).

Sidaas darteed, JQuery xubno loo xulay karaa siyaabo kala duwan iyadoo la isticmaalayo oo xuduudaheedu sida a fasalka, ID, sifooyinka, content ama madaxda qaybaha HTML-document.