Шта је потребно и како је написан јКуери селектор?

Савремени веб дизајнер не би требао да поседује самооснове ХТМЛ, ЦСС и ЈаваСцрипт, али такође могу радити у библиотеци јКуери, која се фокусира на интеракцију ЈаваСцрипта са ХТМЛ документима. Омогућава вам брзи приступ и манипулацију било којим елементима ДОМ-а (програмски интерфејс који отвара приступ садржају хтмл-датотека). Главне структурне јединице ове библиотеке су тимови. Да бисте применили ову или другу команду, потребан вам је јКуери селектор.

Формула селектора у библиотеци јКуери

ЈКуери селектори се заснивају на онима који се користе у ЦСС-у. Они су потребни да бирају елементе ХТМЛ-датотеке, како би их користили за позивање једног или другог начина манипулације њима (тимом). Претрага од стране селектора се врши помоћу функције $ (). На пример, $ ("див").

Селектори се могу класификовати према начину на који су елементи одабрани:

• основни;
• по атрибуту;
• по хијерархији;
• по садржају;
• по положају;
• избор поља образаца;
• други.

Основни селектори

У 90% случајева када се ради са овом библиотеком користи се јКуери селектор који припада главној групи. Сви су прилично једноставни и разумљиви. Хајде да размотримо сваку од њих:

• * - бира све елементе странице, укључујући главу, тијело итд.
• п / див / сидебар / ... - бира све елементе који се односе на дату ознаку (тј. п.див, сидебар, итд.);
• .миЦласс / п.миЦласс - бира елементе са назначеним називом класа;
• # миИД / п. # миИД - бира један елемент са датим ИД-ом.

Дајте нам пример. Рецимо да треба да изаберемо све елементе странице са класом пар, улаз ће изгледати овако: $ (.пар). Ако су потребни само елементи п ове класе, онда ћемо писати: $ (п.пар).

Селектори атрибута

Главни изборник ЈКуери може се користити ако јеморамо одабрати елемент који припада класи која има ИД или изаберемо све елементе странице. Међутим, постоје времена када жељени елемент нема класу или ИД. Зато су селектори по атрибутима. Они вам омогућавају да узоркујете на неки атрибут ХТМЛ елемента, на пример, помоћу хреф или срц. Овај атрибут је написан у угластим заградама [].

Најједноставнији пример: $ ([срц]) - бира све елементе који имају атрибут срц. Можете смањити област узорка постављањем атрибута на одређену вредност: $ ([срц = "валуе"]).

Можете користити више у јКуери-уселектори, ако је потребно, суже подручје селекције. На пример, $ (п [цолор = блуе] [сизе = 12]) - биће изабрани само они елементи п који су плави и величине 12.

Селектори садржаја

У случају да није могуће одабрати ставке по атрибутима или главним селекторима, онда је вриједно упућивати на њихов садржај. Постоји 4 селектора ове врсте:

• : садржи - бира елементе који садрже наведени текст;
• : има - бира елементе који садрже друге елементе специфичне за ту линију;
• : родитељ - бира елементе који садрже било који други;
• : празно - бирање ставки које не садрже друге.

Дајте нам пример. Да бисте изабрали све елементе див који садрже Хелло текст, морате написати $ (див: цонтаинс ("Хелло")).

Хијерархијски селектори

Постоји још један начин да изаберете ставке у јКуери,наиме - према њиховој хијерархији (то јест, однос једни са другима на ХТМЛ страници). Много их има, тако да су овде два најпопуларнија: "дете" и "дете".

У првом случају изабрани елементису директни потомци (дијете) датог елемента (предака). На пример, да бисте изабрали ставке листе у класи светла које су дијете нав листе, морате написати: $ (ул # нав> ли.лигхт).

Други случај је опћенитији. Овдје се могу одабрати и индиректни потомци елемента. На пример, да бисте изабрали везе унутар нав листе, напишемо: $ (ул # нав а).

Дакле, у ЈКуери елементи могу бити изабрани на различите начине користећи параметре као што су класа, ИД, атрибути, садржај или хијерархија елемената ХТМЛ документа.