Защо имаме нужда и как да се запише JQuery-селектор?

Модерна уеб дизайнер трябва не само да овладеят основите на HTML, СГО и JavaScript, но и да могат да работят в библиотеката JQuery, която се фокусира върху взаимодействието на JavaScript с HTML-документи. Това дава възможност за бърз достъп до всеки елемент DOM (приложен програмен интерфейс, който осигурява достъп до съдържание, HTML-файлове) и да ги манипулира. Основните структурни звена на библиотеката са на екипа. С цел да се прилага един или друг отбор, имате нужда от JQuery-селектор.

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

Селектори в JQuery, основани на използването на CSS. От тях се изисква да изберете елементи на HTML файл, за да ги използвате, за да предизвика тези или други методи за тях (екипа) манипулиране. Търсене се осъществява чрез функцията за избор на $ (). За пример, $ ( "Разделение").

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

• основният;
• от атрибут;
• йерархията;
• съдържание;
• относно положението;
• избор на полета на формуляра;
• др.

Ключови селектори

В 90% от случаите, когато се използва тази библиотека се използва JQuery-селектор принадлежащи към основната група. Всички те са доста прости и ясни. Нека разгледаме всеки един от тях:

• * - избира всички елементи на страницата, включително главата, тялото и др.;
• р / DIV / лента / ... - избира всички елементи, отнасящи се до предварително определен маркер (т.е. да p.div, лента и т.н. ...);
• .myClass / p.myClass - избира елементите с посоченото име на класа;
• # MyID / р # myID -. Избира всяка една точка с дадената ID.

Ето един пример. Да кажем, че ние трябва да изберете всички елементи на страницата с влизането ал клас ще бъде, както следва: (. Номинал) $. Ако е необходимо единствено р елементи от този клас, а след това да напишете: $ (p.par).

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

Можете да използвате JQuery главния бутон за избор, ако е необходимо да изберете елемент, принадлежащ към всеки клас има ID, или изберете всички елементи на страницата. Въпреки това, има случаи, когато даден елемент не е клас или ID. Тя е за това и има избор от атрибут. Те ви позволяват да направите избор на някои атрибут на HTML-елементи, като например HREF или SRC. Този атрибут е писано в квадратни скоби [].

Най-простият пример: $ ([SRC]) - избира всички елементи, които имат SRC атрибут. Възможно е да се намали пробата чрез определяне на определен атрибут стойност: $ ([SRC = 'HTTP: // сайт / статия / 132222 / стойност "]).

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

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

В този случай, ако не можете да изберете елементи, базирани на атрибути или основни селектори, трябва да се отнасят до тяхното съдържание. В момента има общо 4 селектор на този тип:

• : Съдържа - избира артикула, съдържащи посочения текст;
• : Е - избира елементи, които съдържат други елементи, характерни на линията;
• : Майка - избира елементи, които съдържат всяка друга;
• : Празен - избира елементи, които не съдържат друго.

Ето един пример. За да изберете всички елементи DIV, съдържащ текста на Здравейте, вие трябва да напишете $ (Разделение: съдържа ( "Hello")).

селектори йерархия

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

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

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

Така, в JQuery елементи могат да бъдат избрани по различни начини с помощта на параметри, такива като клас, ID, атрибути, съдържание или йерархия на елементи HTML-документи.