Ինչու մենք պետք է եւ ինչպես պետք է արձանագրել JQuery-selector.

Ժամանակակից վեբ դիզայներ, պետք է ոչ միայն տիրապետել հիմունքների HTML, որ CSS եւ JavaScript, այլեւ կարողանան աշխատել է jQuery գրադարանը, որը կենտրոնանում է փոխգործակցության JavaScript- ը հետ HTML փաստաթղթերի: Որ այն թույլ է տալիս արագ մուտք գործել ցանկացած տարր DOM (կիրառական ծրագրավորման միջերես, որ ապահովում է մուտք դեպի բովանդակության html ֆայլեր) եւ կեղծել դրանք: Հիմնական կառուցվածքային միավորներն գրադարանի են թիմը: Որպեսզի են մեկ կամ մյուս թիմի, դուք պետք է JQuery-selector.

Formula selectors ի jQuery գրադարանը

Այն selectors ի JQuery հիման վրա օգտագործման CSS. Նրանք պարտավոր են ընտրել իրերը HTML ֆայլը, օգտագործել դրանք առաջացնել այս կամ այլ մեթոդներ շահարկում նրանց (թիմի). Որոնել իրականացվում միջոցով ընտրությունը $ () ֆունկցիայի: Օրինակ, $ ( 'div'):

Այն selectors կարելի է դասակարգել կախված, թե ինչպես է ընտրության տարրերի:

• հիմնական;
• ըստ հատկանիշի.
• հիերարխիան.
• բովանդակությունը;
• իրավիճակի վերաբերյալ.
• Ընտրությունը ձեւով ոլորտներում;
• ուրիշներ.

հիմնական selectors

90% դեպքերում, երբ, օգտագործելով այս գրադարանը, որն օգտագործվում JQuery-selector պատկանող հիմնական խմբի: Բոլորն էլ բավականին պարզ է եւ հստակ. Եկեք քննենք նրանցից յուրաքանչյուրը:

• * - ընտրում է բոլոր Էջի տարրեր, այդ թվում `գլխին, մարմնի, եւ այլն;
• P / div / ՍԱՀՄԱՆԱԴՐՈՒԹՅՈՒՆ / ... - ընտրում է բոլոր տարրերը վերաբերող կանխորոշված tag (այսինքն, p.div, ՍԱՀՄԱՆԱԴՐՈՒԹՅՈՒՆ, եւ այլն ...):
• .myClass / p.myClass - ընտրում է տարրեր նշված դասի անունը.
• # MyID / p # myID -. Ընտրում որեւէ մեկ տարր տվյալ ID:

Ահա մի օրինակ. Եկեք ասում են, մենք պետք է ընտրել բոլոր տարրերը էջում հետ par կարգի մտնելու կլինի հետեւյալն են: $ (ՊԱՐ): Եթե անհրաժեշտ միայն p տարրերը այս դասի, ապա գրեք: $ (p.par):

վերագրել selectors

Դուք կարող եք օգտագործել JQuery հիմնական - selector, եթե մենք պետք է ընտրեք իրը պատկանող ցանկացած դասի ունեցող ID կամ ընտրեք բոլոր տարրերը էջում: Սակայն, կան դեպքեր, երբ ինչ-որ նյութ չունի դաս կամ ID-: Այն է, այս, եւ կան ընտրության ըստ հատկանիշի: Նրանք թույլ են տալիս Ձեզ կատարել ընտրություն է ինչ-որ հատկանիշի վրա HTML-տարրերի, ինչպիսիք href կամ ՊԵԿ-: Այս հատկանիշը գրված է քառակուսի փակագծերում []:

Ամենապարզ օրինակը: $ ([src]) - ընտրում է բոլոր տարրերը, որոնք src հատկանիշը: Դա հնարավոր է նեղացնել նմուշը նշելով որոշակի կապվածություն արժեքը: $ ([src = 'http: // site / հոդված / 132222 / արժեք']):

Դուք կարող եք օգտագործել որոշ jQuery selectors, եթե դուք ուզում եք սահմանափակել դաշտը ընտրության. Օրինակ, $ (p [color = blue] [size = 12]) - ընտրվում են միայն այն տարրերը, p, որոնք ունեն կապույտ գույնի եւ չափի 12:

selectors բովանդակության

Այդ դեպքում, եթե դուք չեք կարող ընտրել տարրեր հիման վրա ատրիբուտներից կամ հիմնական selectors, դուք պետք է վերաբերել իրենց բովանդակությամբ: Ընդհանուր առմամբ կան 4 ընտրությունը այս տեսակի:

• Պարունակում - ընտրում իրեր, որոնք պարունակում նշված տեքստը.
• Ունի - ընտրում է տարրեր, որոնք պարունակում է այլ տարրեր բնորոշ գծի.
• : Ծնող - ընտրում է տարրեր, որոնք պարունակում են ցանկացած այլ.
• : Դատարկ - ընտրում է տարրեր, որոնք չեն պարունակում որեւէ այլ.

Ահա մի օրինակ. Է ընտրել բոլոր տարրերը div, որը պարունակում է տեքստը Բարեւ, դուք պետք է գրել $ (div պարունակում ( «Բարեւ»)):

selectors հիերարխիա

Կա եւս մեկ միջոց է ընտրել տարրեր JQuery, մասնավորապես, ըստ իրենց հիերարխիայում (այսինքն, հարաբերակցությունը միմյանց վրա HTML էջում): Շատ նրանց, այնպես որ, մենք ներկայացնում ենք երկու ամենահայտնի `« երեխայի »եւ« ժառանգներից »:

Առաջին դեպքում տարրերը ընտրված են, որոնք են ուղղակի հետնորդները (երեխաներ) տվյալ տարր (նախնիներիս): Օրինակ, ընտրել տարրեր ցուցակում թեթեւ դասի, որը երեխան NAV ցանկ, ապա դուք պետք է գրել: $ (ul # NAV> li.light):

Երկրորդ դեպքը մի ավելի ընդհանուր. Այստեղ կարող է լինել ընտրված, եւ անուղղակի ժառանգներն տարր. Օրինակ, ընտրել հղումներ ներսում ցուցակ նավ թելադրում: $ (ul # NAV ա).

Այսպես, JQuery տարրերը կարելի է ընտրել տարբեր ձեւերով `օգտագործելով պարամետրերի, ինչպիսիք են դասի, ID, հատկանիշներ, բովանդակությունը կամ հիերարխիայի HTML փաստաթղթի տարրերից.