Pam mae angen i ni a sut i gofnodi jQuery-dewisydd?

Dylai dylunydd gwe modern, nid yn unig meistr hanfodion y HTML, CSS a JavaScript, ond hefyd yn gallu gweithio yn y llyfrgell jQuery, sy'n canolbwyntio ar y rhyngweithio rhwng JavaScript gyda HTML-ddogfennau. Ei fod yn caniatáu mynediad cyflym at unrhyw elfen DOM (rhyngwyneb rhaglennu cymhwysiad sy'n darparu mynediad at gynnwys html-ffeiliau) ac yn eu trin. Y prif unedau strwythurol y llyfrgell yn y tîm. Er mwyn gwneud cais un neu y tîm arall, mae angen jQuery-dewisydd.

detholwyr fformiwla yn y llyfrgell jQuery

Mae'r detholwyr yn jQuery yn seiliedig ar ddefnydd yn CSS. Mae gofyn iddynt ddewis eitemau HTML-ffeil, i'w defnyddio i achosi hyn neu ddulliau eraill ohonynt (tîm) trin. Chwilio yn cael ei wneud drwy gyfrwng y swyddogaeth selector $ (). Er enghraifft, $ ( 'div').

Gall y dewiswyr gael eu dosbarthu yn dibynnu ar sut y dewis o elfennau:

• sylfaenol;
• gan priodoledd;
• yr hierarchaeth;
• cynnwys;
• ar y sefyllfa;
• dewis o gaeau ffurflen;
• eraill.

dewiswyr Allweddol

Mewn 90% o achosion wrth ddefnyddio'r llyfrgell hon yn cael ei ddefnyddio jQuery-dewisydd perthyn i'r prif grŵp. Mae pob un ohonynt yn eithaf syml ac yn glir. Gadewch i ni ystyried pob un ohonynt:

• * - dewis pob elfen dudalen, gan gynnwys y pennaeth, y corff, ac ati;.
• p / div / sidebar / ... - dewis pob elfen yn ymwneud â'r tag a bennwyd ymlaen llaw (hy i p.div, sidebar, ac ati ...);
• .myClass / p.myClass - dewis yr elfennau gydag enw dosbarth penodedig;
• # MyID / p # myID -. Dewis unrhyw un eitem gyda'r ID roddwyd.

Dyma enghraifft. Lets 'ddeud mae angen i ni ddewis pob elfen ar y dudalen gyda mynediad dosbarth par fel a ganlyn: (. Par) $. Os oes angen yn unig elfennau p o'r dosbarth hwn, yna ysgrifennwch: $ (p.par).

priodoli dewiswyr

Gallwch ddefnyddio'r jQuery prif-dewiswr, os bydd angen i ddewis eitem sy'n perthyn i unrhyw sydd ID ddosbarth neu dewiswch yr holl elfennau ar y dudalen. Fodd bynnag, mae yna achosion pan fydd eitem yn cael unrhyw ddosbarth neu adnabod. Mae ar gyfer hyn ac mae dewisiadau trwy priodoledd. Maent yn caniatáu i chi i wneud dewis ar rai priodoledd o'r HTML-elfennau, megis href neu src. Mae'r priodoledd wedi ei ysgrifennu mewn cromfachau sgwâr [].

Yr enghraifft symlaf: $ ([src]) - yn dewis holl elfennau sydd wedi priodoledd src. Mae'n bosibl i cul y sampl drwy bennu rhai gwerth priodwedd: $ ([src = 'http: // safle / erthygl / 132,222 / gwerth']).

Gallwch ddefnyddio rhai dewiswyr jQuery os ydych am i cul maes dewis. Er enghraifft, $ (p [lliw = glas] [size = 12]) - yn cael eu dewis dim ond y rhai elfennau p, sydd â lliw glas a maint 12.

cynnwys ddetholwyr

Yn yr achos hwnnw, os na allwch ddewis elfennau ar sail priodoleddau neu detholwyr sylfaenol, dylech gyfeirio at eu cynnwys. Mae cyfanswm o 4 dewisydd o'r math hwn:

• : Yn cynnwys - dewis eitemau sy'n cynnwys testun penodedig;
• : A - dewis elfennau sy'n cynnwys elfennau eraill nodweddiadol y llinell;
• : Rhiant - dewis elfennau sy'n cynnwys unrhyw un arall;
• : Gwag - dewis elfennau nad ydynt yn cynnwys unrhyw un arall.

Dyma enghraifft. I ddewis pob div elfen, sy'n cynnwys testun y Helo, mae angen i chi ysgrifennu $ (div: cynnwys ( 'Helo')).

hierarchaeth ddetholwyr

Mae yna ffordd arall i ddewis elfennau yn jQuery, sef - yn ôl eu hierarchaeth (hynny yw, y gymhareb o ei gilydd ar y HTML-dudalen). Mae llawer ohonynt, felly rydym yn cyflwyno dau o'r rhai mwyaf poblogaidd, mae "plentyn" a "disgynnydd".

Yn yr achos cyntaf yr elfennau yn cael eu dewis, sydd yn ddisgynyddion uniongyrchol (plant) o elfen a roddir (hynafiad). Er enghraifft, i ddewis yr elfennau o'r rhestr yn y dosbarth ysgafn sef rhestr nav plentyn, yna mae angen i chi ysgrifennu: $ (ul # nav> li.light).

Yr ail achos - yn fwy cyffredinol. Gall cael eu dewis a disgynyddion anuniongyrchol yr elfen. Er enghraifft, i ddewis y cysylltiadau yn y rhestr nav rhagnodi: $ (ul # nav a).

Felly, yn jQuery Gall elfennau yn cael eu dewis mewn amryw o ffyrdd drwy ddefnyddio paramedrau megis dosbarth, ID, priodoleddau, cynnwys neu hierarchaeth o elfennau HTML-ddogfen.