Jquery селектори филтри Упътване JQuery
Филтрите, които могат да бъдат използвани, за да се изяснят други селектори резултат.
Цел и синтаксис са много сходни с CSS псевдо-класовете
Съответства на тази на избрания чрез селектор елементи
който е на фокус. Да не се използва: не се фокусира предшествано от неговия селектор
т.е. от $ ( ": фокус")
това е еквивалентно на $ ( "*: фокус"). и за избор на "*" е "най-ниска" на селектори.
Отворете пример в новия прозорец и погледнете изходния код
Тя отговаря на първия елемент, на всички избрани от селектора.
Еквивалентно на селектора: екв (0).
Тя отговаря на последния елемент на всички избрани от селектора. Ние откриваме първия човек в селото (на първия елемент с класа човек, вътре в елемента на село):
Отворете пример в новия прозорец и погледнете изходния код
Намерете последния човек в селото (последният елемент с класа човек, вътре в елемента на село):
Отворете пример в новия прозорец и погледнете изходния код
: Eq (индекс)
Съвместим елемент заема номер индекс позиция, сред вече избрани от елементи за избор.
Номерирането на елементите започва с 0. Намерете и щракнете върху втория и петия педя елемент на страницата:
Отворете пример в новия прозорец и погледнете изходния код
: Не (селектор)
Елиминира елементите, които отговарят на селектора на елементите на селектор намерени. .not () метод изпълнява същата като на селектора на въпрос и най-вече, когато се използва, кодът е по-разбираемо, отколкото използването на селектора: Не () изберете всички елементи с клас кюфте (кюфтета), различни от тези, съдържа елементи от муха клас (летлива):
Отворете пример в новия прозорец и погледнете изходния код
Тя отговаря на елементите с четни номера са на позиции.
Тъй като елементите на разходите започва с 0
: Дори ще съответства 1. 3 и т.н. елементи ...
Тя отговаря на елементите с нечетни номера за справка.
Тъй като елементите на разходите започва с 0
: Од съответства 2. 4 и др елементи ... елементите на списъка се изчисляват на принципа "първи и втори", както и да се редуват цветове:
Отворете пример в новия прозорец и погледнете изходния код
Филтри снимачната площадка на избраните елементи, оставяйки само тези, които индекс prevyshaetn.
Филтри снимачната площадка на избраните елементи, оставяйки само тези, които индексът menshen. Различаваме планетата, след достигане на земята (работещ под символа 2):
Създаване на зелен цвят на фона на всички елементи, с индекс по-голям от 2
Отворете пример в новия прозорец и погледнете изходния код
Мачове елементи, които в момента са включени в анимацията. Когато натиснете бутона, намерете и изберете DIV-елемент, който в момента участва в анимацията:
Отворете пример в новия прозорец и погледнете изходния код
Тя отговаря на всички скрити елементи на страницата. Елемент се смята, скрит в следните случаи:
- Неговата CSS-дисплей собственост на висота
- Това е форма елемент с тип "скрит"
- Нейната височина или широчина е равен на 0
- Тя е вътре в невидим елемент и така също е невидим на страницата.
Тя отговаря на всички видими елементи на страницата.
: Съдържа (текст)
Мачове елементи, които съдържат текстов низ.
Чувствителна. Със селектора: съдържа (текст).
Точка е избран в случаите, когато има текстов низ директно вътре в нея,
И ако това е в рамките на един от неговите потомци.
Отворете пример в новия прозорец и погледнете изходния код
Мачове елементи, които не съдържат текст и други елементи.
Наличието на само едно място се счита за селектор на текст: празна е обратна: родител.
Намери всички празни депозитни кутии сейф (празните клетки в таблицата):
Отворете пример в новия прозорец и погледнете изходния код
: Има (селектор)
Мачове елементи, които имат потомците на удовлетворяващо селектор селектор. За най-добри резултати, поставете следния текст: Ние ще намерите Разделение вътре в които има елементи с lited клас и ги боя в цвят злато:
Отворете пример в новия прозорец и погледнете изходния код
Тя отговаря на всички не-празни елементи.
Наличието на само едно място трябва да се счита наличието на съдържанието. За най-добри резултати, се вписват следните опции: Не бъркайте селектора: родител с JQuery-методи .parent () и .parents () (които търсят елементи майки, както и всички деца, съответно). Въпреки общото име дестинация от селектора и методите са различни.
Селектор: празен е обратна: майка.
Намери всички непразни клетки в таблицата:
Отворете пример в новия прозорец и погледнете изходния код
: N-а-дете (индекс / дори / четни / уравнение)
B получава номер, или низ като аргумент.
Броят може да бъде индекса.
Имайте предвид, че тук, като се брои с 1
Избира всички елементи, които са п-nnym потомци на неговия родител или четно / нечетно потомци. В примера ние търсим всеки втори елемент ли във всички избрани ул елементи. Е, ние ги маркирате.
Отворете пример в новия прозорец и погледнете изходния код
: Първо дете
Избира всички елементи, които са първото дете на родителите си.
: Последно дете
Избира всички елементи, които са последните потомците на техните родители.
В примера сме избрали първия период елемент във всяка намерили DIV елемент и да се подчертае тяхната текст.
О, и когато мишката добавите клас, които ще направят текста удебелен и зелено.
Отворете пример в новия прозорец и погледнете изходния код
В примера, който изберете последния елемент от всяка резултати обхващат DIV елемент и да ги направят червен текст. Намаляване на размера на шрифта от 80%. Когато мишката добавите клас, който zacherknet текст.
Отворете пример в новия прозорец и погледнете изходния код
: Само дете
Избира всички елементи, които са единственото дете на неговата майка.
Ако родителят има и други наследници - нищо не е избран.
В този пример, всеки избран елемент DIV търсят бутон не като старчески предмети.
Е, малко го променят, като я настроите на текста на "Alone", а ширината на синя рамка от 2 пиксела.
Отворете пример в новия прозорец и погледнете изходния код