Зашто нам је потребан и како снимити јкуери-селектор?

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

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

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

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

• osnovna;
• би атрибут;
• хијерархија;
• sadržaj;
• о ситуацији;
• избор поља обрасца;
• др.

ključni селектори

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

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

Ево примера. Рецимо да треба да одаберете све елементе на страници са пар уласка класе ће бити на следећи начин: (. Ст) $. Уколико је потребно само п елементи ове класе, а затим написати: $ (п.пар).

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

Можете користити јКуери главни селектор, ако треба да изаберете ставку која припада било којој класи има ИД или одаберите све елементе на страници. Међутим, постоје случајеви када је ставка нема класу или ИД. То је за то и постоје избор од атрибута. Они омогућавају да направи избор на некој атрибут ХТМЛ-елемената, као што су хреф или СРЦ. Ова особина је написано у угластим заградама [].

Најједноставнији пример: $ ([срц]) - селектује све елементе који имају атрибут срц. Могуће је да се смањи узорак наводећи одређену вредност атрибута: $ ([срц = 'хттп: // сајт / чланак / 132222 / вредност']).

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

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

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

• : Садржи - бира ставке које садрже наведени текст;
• : Је - бира елементе које садржи и друге елементе карактеристичне линије;
• : Матична - бира елементе који садрже било који други;
• Емпти - бира елементе који не садрже било који други.

Ево примера. Да бисте изабрали све елементе див, који садржи текст Поздрав, морате да напишете $ (див: садржи ( 'Здраво')).

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

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

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

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

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