Cén fáth go dteastaíonn agus conas a thaifeadadh JQuery-roghnóir?

Níor chóir dearthóir gréasáin nua-aimseartha máistir ach na bunghnéithe an HTML, an CSS agus JavaScript, ach freisin a bheith in ann a bheith ag obair sa leabharlann JQuery, a dhíríonn ar an idirghníomhú idir JavaScript a bhfuil HTML-doiciméid. A ligeann sé rochtain tapaidh ar aon eilimint DOM (comhéadan feidhmchláir a sholáthraíonn rochtain ar ábhar html-comhaid) agus iad a ionramháil. Is iad na príomh-aonad struchtúrtha den leabharlann foirne. Chun iarratas a dhéanamh ar cheann amháin nó ar an bhfoireann eile, ní mór duit a JQuery-roghnóir.

roghnóirí Foirmle i leabharlann JQuery

Na roghnóirí i JQuery bunaithe ar úsáid i CSS. Bíonn orthu míreanna a roghnú HTML-comhad, iad a úsáid a chur faoi deara na nó modhanna eile ionramháil acu (an fhoireann). Tá Search gcrích tríd an bhfeidhm roghnóir $ (). Mar shampla, $ ( "div").

Is féidir na roghnóirí a rangú ag brath ar cé roghnú na n-eilimintí:

• bunúsacha;
• de réir tréith;
• ordlathas;
• ábhar;
• ar an staid;
• rogha páirceanna fhoirm;
• daoine eile.

roghnóirí Key

I 90% de na cásanna nuair a úsáid atá an leabharlann a úsáidtear JQuery-roghnóir bhaineann leis an ngrúpa is mó. Iad ar fad simplí go leor agus soiléir. Lig dúinn a mheas gach ceann acu:

• * - Roghnaíonn na heilimintí go léir leathanach, lena n-áirítear an ceann, comhlacht, srl;.
• p / div / sidebar / ... - Roghnaíonn gach eilimint a bhaineann le chlib réamhshocraithe (ie p.div, sidebar, etc ...);
• .myClass / p.myClass - Roghnaíonn na heilimintí leis an ainm aicme shonraithe;
• # MyID / p # myID -. Roghnaigh haon mhír ar leith leis an ID a tugadh.

Seo sampla. Ligean le rá ní mór dúinn a roghnú gach gné ar an leathanach a bhfuil iontráil rang par a bheith mar seo a leanas: (. Par) $. Más gá ach eilimintí p den aicme seo, scríobh ansin: $ (p.par).

tréith roghnóirí

Is féidir leat úsáid an JQuery mó-roghnóir, más gá dúinn a roghnú mír a bhaineann le haon aicme a bhfuil ID nó roghnú go léir na heilimintí ar an leathanach. Mar sin féin, tá cásanna ann nuair a bhfuil mír ar bith aicme nó ID. Is ar an agus tá roghanna le tréith. Cuireann siad ar chumas duit a dhéanamh ar rogha ar roinnt tréith den HTML-eilimintí, cosúil le href no src. Tá an tréith scríofa i lúibíní cearnacha [].

An sampla is simplí: $ ([src]) - Roghnaíonn gach eilimint a bhfuil tréith src. Is féidir le caol an sampla trína shonrú luach tréith áirithe: $ ([src = "http: // láthair / article / 132222 / luach ']).

Is féidir leat úsáid a bhaint roinnt roghnóirí JQuery más mian leat a chúngú réimse na rogha. Mar shampla, $ (p [color = gorm] [size = 12]) - a roghnú ach na gnéithe p, a bhfuil dath gorm agus méid 12.

ábhar roghnóirí

Sa chás sin, más rud é nach féidir leat a gnéithe atá bunaithe ar tréithe nó roghnóirí bunúsacha a roghnú, ba chóir duit a tharchur chuig a n-ábhar. San iomlán, tá 4 roghnóir den chineál seo:

• : Tá - Roghnaíonn míreanna ina bhfuil an téacs atá sonraithe;
• : An bhfuil - Roghnaíonn heilimintí sin a mbeidh eilimintí eile ar saintréith de chuid an líne;
• : Tuismitheoir - Roghnaíonn heilimintí sin a bhfuil aon eile;
• : Folamh - Roghnaíonn heilimintí nach bhfuil aon eile.

Seo sampla. A roghnú go léir div heilimintí, ina bhfuil an téacs ar an Dia duit, is gá duit a scríobh $ (div: Tá ( 'Hello')).

roghnóirí ordlathas

Tá ar bhealach eile chun eilimintí i JQuery, is iad sin a roghnú - de réir a ordlathas (is é sin, an cóimheas idir gach ceann eile ar an HTML-leathanach). A lán acu, agus mar sin i láthair táimid ag dhá cheann de na ba choitianta, "leanbh" agus "shliocht".

Sa chéad chás na heilimintí a roghnú, a bhfuil sliocht díreach (leanaí) d'eilimint ar leith (sinsir). Mar shampla, a roghnú na gnéithe de an liosta sa rang bhfianaise is liosta nav leanbh, ansin is gá duit a scríobh: $ (ul # nav> li.light).

An dara cás - a níos ginearálta. Ní féidir a roghnú agus sliocht indíreach ar an eilimint. Mar shampla, a roghnú na naisc laistigh den liosta nav fhorordú: $ (ul # NAV a).

Dá bhrí sin, i JQuery féidir eilimintí a roghnú ar bhealaí éagsúla trí úsáid a bhaint paraiméadair cosúil le rang, ID, tréithe, ábhar nó ordlathas na n-eilimintí HTML-doiciméid.