Зошто ни се потребни и како да ги сними JQuery-селектор?

Модерните веб дизајнер не треба само да го совладате основите на HTML, на CSS и JavaScript, но, исто така, можат да работат во библиотеката JQuery, кој се фокусира на интеракцијата на вклучите Javascript-со HTML-документи. Тоа што им овозможува брз пристап до било кој елемент ДОМ (програмски интерфејс апликација која овозможува пристап до содржините на HTML-датотеки) и манипулира со нив. Главните структурни единици на библиотеката се на тимот. Со цел да се примени еден или на друг тим, ви треба JQuery копче.

Формула селектори во jQuery библиотеката

Селекторите во JQuery врз основа на употреба на CSS. Од нив се бара да изберете предмети HTML-датотека, за да ги користите за да предизвикаат овие и други методи од нив (тим) манипулирање. Пребарување се врши преку функцијата селектор $ (). На пример, $ ( 'div ").

Селекторите може да се класифицираат во зависност од тоа за избор на елементи:

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

клучни селектори

Во 90% од случаите кога се користи оваа библиотека се користи JQuery копче припаѓаат на главната група. Сите од нив се прилично едноставен и јасен. Дозволете ни да се разгледа секој од нив:

• * - селектира сите елементи од страната, вклучувајќи ги главата, телото, итн;.
• стр / div / лента / ... - селектира сите елементи кои се однесуваат на предодредено таг (односно да p.div, лента, итн ...);
• .myClass / p.myClass - избира елементи со наведено име на класа;
• # MyID / p # myID -. Избира некој објект со дадениот проект.

Еве еден пример. Да речеме дека ние треба да изберете сите елементи на страницата со влез ниво класа ќе биде како што следува: (. Par) $. Доколку е потребно само стр елементи од оваа класа, а потоа напишете: $ (p.par).

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

Можете да ги користите JQuery главната копче, ако ние треба да изберете ставка припаѓаат на која било класа има лична карта или изберете сите елементи на оваа страница. Сепак, постојат случаи кога ставка нема класа или проект. Тоа е за тоа и постојат селекции со атрибут. Тие ќе ви овозможи да се направи избор на некои атрибут на HTML-елементи, како што се href или src. Овој атрибут е напишано во квадратни загради [].

Наједноставен пример: $ ([src]) - селектира сите елементи кои имаат атрибутот src. Тоа е можно да се намали на примерокот со наведување на одредени вредноста на атрибутот: $ ([src = 'http: // сајт / статија / 132222 / вредност']).

Можете да го користите некои JQuery селектори, ако сакате да се намали од областа на избор. На пример, $ (p [color = сина] [size = 12]) - се избрани само оние елементи p, кои имаат сина боја и големина 12.

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

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

• Содржи - избира предмети кои содржат наведениот текст;
• : Дали - избира елементи кои содржат други елементи карактеристични за линијата;
• Родител - избира елементи кои содржат било која друга;
• : Празен - избира елементи кои не содржат било која друга.

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

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

Постои уште еден начин за да го изберете елементи во JQuery, имено - во согласност со нивната хиерархија (односно, односот на едни со други на HTML-страница). Многу од нив, па ние ги презентираме две од најпопуларните, "дете" и "потомок".

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

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

Така, во JQuery елементи можат да бидат избрани во различни начини со помош на параметри, како што се класа, проект, својства, содржини или хиерархија на елементи HTML-документот.