Селектори урок JQuery

По този начин, функцията параметър $ () може да бъде определен от селектора, което от своя страна са част от стандарта CSS.

Нека да разгледаме различните възможни селектори в детайли.

Ние списък на най-често използваните селектори.

5) Степен на - събиране на елементи, които имат определен клас 6) маркер. Клас - Колекция от елементи, които имат съответния клас в определен етикет Марка червен фон за всички P с клас = "cls2"

За да се ускори проба не трябва да укажете името на маркера преди идентификатор.

Ако търсенето се извършва в клас стил, а след това, а напротив,
Уверете се, че за да укажете името на маркера.

Ако името на идентификатор (или група) съдържа специални символи
(Например, точка или квадратни скоби), те трябва да бъдат проверени от две наклонени черти. В този пример, ние се позоваване на следващия елемент с идентификатор = "divl.index [5]."

Отворете пример в новия прозорец и погледнете изходния код

Ако е необходимо, например, да се прилага същия стил на различни елементи,
можете да зададете селектори разделени със запетаи.

Отворете пример в новия прозорец и погледнете изходния код

Търсене елемент в друг елемент на HTML-документ по следните начини.

1) т.1 т.2 - намерете ITEM2 която е разположена вътре цвета на опаковката Elementa1 текстов линк е червен ако маркерът е вътре tegadiv А. 2) т.1> ITEM2 - намерете ITEM2, която е дъщерно дружество на Element А. връзка цвета на текста в червено, ако етикетът се намира вътре в А tegadiv
И това не е вложен в друг маркер.

Отворете пример в новия прозорец и погледнете изходния код

3) т.1 ITEM2 + - намери ITEM2, който е съседен елемент и следва веднага след това. Цвят референтен текст ще се превърне в червено, ако маркер трябва да бъде веднага след tegadiv.

Отворете пример в новия прозорец и погледнете изходния код

ITEM2 - ITEM2 намерите, която следва след елемент 1, и по избор едновременно. Цветът на текста на връзката ще се превърне в червено ако етикетът идва след Разделение маркер.

Отворете пример в новия прозорец и погледнете изходния код

Ако е необходимо, можете да бъде израз на редица селектори свързва цвят текст се оцвети в червено, ако маркер се намира във вътрешността на маркера за време. който на свой ред е затворена в DIV таг

Отворете пример в новия прозорец и погледнете изходния код

За да се свърже с параметрите на маркиране се използват следните селектори.

1) [Option] - елементи с определен параметър $ линк цвета на текста ще стават червени, ако маркер има параметър за самоличност.

Отворете пример в новия прозорец и погледнете изходния код

2) [параметър = "стойност"] - колекция от елементи, в който параметърът е точно равна на цвета на стойност въвеждане на текст в червено, ако името на параметър е настроен myinput.

Отворете пример в новия прозорец и погледнете изходния код

3) [параметър = "стойност"!] - колекция от елементи, в който параметърът не е равно на цвета на стойност въвеждане на текст в червено, ако името на параметъра не е от значение здравей.

Отворете пример в новия прозорец и погледнете изходния код

4) [опция = "стойност"] - колекция от елементи, при което параметърът започва с цвят въвеждане на текст определената стойност се оцветява в червено ако име започва с myinput.

Отворете пример в новия прозорец и погледнете изходния код

5) [Вариант $ = "стойност"] - колекция от елементи, в които вход параметър завършва с определената стойност на цвета на текст става червен ако името завършва в ello.

Отворете пример в новия прозорец и погледнете изходния код

6) [опция = "стойност"] - колекция от елементи, в които параметър съдържа цвят фрагмент стойности въвеждане на текст се оцветява в червено, ако името съдържа текст yinput.

Отворете пример в новия прозорец и погледнете изходния код