Начать. Это бесплатно
или регистрация c помощью Вашего email-адреса
селекторы jQuery создатель Mind Map: селекторы jQuery

1. Селекторы порядка элементов:

1.1. Выбор четных элементов: $("элемент:even")

1.2. Выбор первого элемента: $("элемент:first")

1.3. Выбор нечетных элементов: $("элемент:odd")

1.4. Выбор последнего элемента: $("элемент:last")

1.5. Выбор первого дочернего элемента: $("родитель:first-child")

1.6. Выбор последнего дочернего элемента: $("родитель:last-child")

1.7. Выбор единственного дочернего элемента: $("родитель:only-child")

1.8. Выбор элемента по его порядковому номеру: $("родитель:nth-child(n)")

1.9. Выбор элемента по формуле Xn+Y: $("родитель:nth-child(Xn+Y)")

2. Базовые селекторы:

2.1. Элементы: $("элемент")

2.2. Классы: $(".класс")

2.3. Идентификаторы: $("#идентификатор")

3. Селекторы атрибутов

3.1. Селекторы с атрибутами: $("элемент[атрибут]")

3.2. Селекторы с определенным значением атрибута: $("элемент[атрибут='значение']")

3.3. Селекторы с атрибутами, начинающимися с указанного значения: $("элемент[атрибут^='значение']")

3.4. Селекторы с атрибутами, заканчивающимися на указанное значение: $("элемент[атрибут$='значение']")

3.5. Селекторы с атрибутами, содержащими указанное значение: $("элемент[атрибут*='значение']")

4. Селекторы отношений:

4.1. Селекторы потомков: $("родитель потомок")

4.2. Селекторы элементов с определенным классом: $("элемент.класс")

4.3. Селекторы дочерних элементов: $("родитель > дочерний")

4.4. Селекторы сестринских элементов:

4.4.1. Следующий элемент после указанного: $("первый + второй")

4.4.2. Все следующие элементы сестринского типа после указанного: $("первый ~ второй")

5. Селекторы состояния элементов:

5.1. Выбор элементов, не соответствующих указанному селектору: $("элемент:not(селектор)")

5.2. Выбор элементов, содержащих указанный селектор: $("элемент:has(селектор)")

5.3. Выбор элементов, содержащих указанный текст: $("элемент:contains('текст')")

5.4. Выбор элементов, имеющих дочерние элементы: $("элемент:parent")

5.5. Выбор элемента по его индексу: $("элемент:eq(n)")

5.6. Выбор всех элементов с индексом больше указанного: $("элемент:gt(n)")

5.7. Выбор всех элементов с индексом меньше указанного: $("элемент:lt(n)")

5.8. Выбор скрытых элементов: $("элемент:hidden")

5.9. Выбор видимых элементов: $("элемент:visible")

5.10. Выбор активного элемента: $("элемент:active")

5.11. Выбор отмеченных флажков или радиокнопок: $("input:checked")

5.12. Выбор элемента в фокусе: $("input:focus")

5.13. Выбор элемента, на который наведен указатель мыши: $("a:hover")

5.14. Выбор неактивных элементов форм: $("input:disabled")

5.15. Выбор активных элементов форм: $("input:enabled")

5.16. Выбор пустых элементов: $("элемент:empty")

5.17. Выбор элемента, на который ссылается идентификатор в URL: $("элемент:target")

5.18. Выбор анимируемых элементов: $("элемент:animated")