Какво е необходимо, и това, което е записано JQuery-селектор

Какво е необходимо, и това, което е записано JQuery-селектор

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

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

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

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

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

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

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

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

Какво е необходимо, и това, което е записано JQuery-селектор

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

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

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

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

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

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

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

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

Какво е необходимо, и това, което е записано JQuery-селектор

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

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

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

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

Какво е необходимо, и това, което е записано JQuery-селектор