Статьи

50 лучших селекторов jQuery

Мы все в значительной степени используем селекторы jQuery во всем коде, который мы пишем, это самый мощный способ указать, какие элементы мы хотим получить из DOM. Этот список предназначен для использования в качестве отличного справочного материала для каждого разработчика jQuery. Обратите внимание, что они не в каком-то определенном порядке.

  1. $ («*») — этот селектор выбирает все элементы в документе.
  2. $ («P> *») — этот селектор выбирает все элементы, которые являются потомками элемента абзаца.
  3. $ («# SpecialID») — эта функция выбора получает элемент с id = «specialID».
  4. $ («. SpecialClass») — этот селектор получает все элементы, которые имеют класс specialClass.
  5. $ («Li: not (.myclass)») — выбирает все элементы, соответствующие
  6. что нету.
  7. $ («A # specialID.specialClass») — этот селектор сопоставляет ссылки с идентификатором specialID и классом specialClass.
  8. $ («P a.specialClass») — этот селектор сопоставляет ссылки с классом specialClass, объявленным в

    элементы.

  9. $ («Ul li: first») — этот селектор получает только первый
  10. элемент
      ,
  11. $ («# Container p») — выбирает все элементы, соответствующие

    которые являются потомками элемента с идентификатором контейнера.

  12. $ («Li> ul») — выбирает все элементы, соответствующие
      которые являются потомками элемента, соответствующего

    • $ («Strong + em») — выбирает все элементы, которые совпадают с тем, что следует сразу же за элементом, которому соответствует брат .
    • $ («P ~ ul») — выбирает все элементы, соответствующие
        которые следуют за элементом сестры

        ,

    • $ («Code, em, strong») — выбирает все элементы, соответствующие or or .
    • $ («P strong, .myclass») — выбирает все совпадающие элементы , являющиеся потомками элемента, совпадающего с

      а также все элементы, которые имеют класс myclass.

    • $ («: Empty») — выбирает все элементы, которые не имеют дочерних элементов.
    • $ («P: empty») — выбирает все элементы, соответствующие

      у которых нет детей.

    • $ («Div [p]») — выбирает все элементы, соответствующие
      которые содержат элемент, соответствующий

      ,

    • $ («P [.myclass]») — выбирает все элементы, соответствующие

      которые содержат элемент с классом myclass.

    • $ («A [@rel]») — выбирает все элементы , которые соответствуют атрибуту rel.
    • $ («Input [@ name = myname]») — выбирает все элементы, соответствующие которые имеют значение имени, точно равное моему имени.
    • $ («Input [@ name ^ = myname]») — выбирает все элементы, соответствующие которые имеют значение имени, начинающееся с myname.
    • $ («A [@ rel $ = self]») — выбирает все элементы, соответствующие

      которые имеют значение класса, заканчивающееся баром

    • $ («A [@ href * = domain.com]») — выбирает все элементы, соответствующие которым имеют значение href, содержащее domain.com.
    • $ («Li: even») — выбирает все элементы, соответствующие
    • которые имеют четное значение индекса.
    • $ («Tr: odd») — выбирает все элементы, соответствующие
      которые имеют нечетное значение индекса.
    • $ («Li: first») — выбирает первый
    • элемент.
    • $ («Li: last») — выбирает последний
    • элемент.
    • $ («Li: visible») — выбирает все элементы, соответствующие
    • которые видны
    • $ («Li: hidden») — выбирает все элементы, соответствующие
    • которые скрыты
    • $ («: Радио») — выбирает все переключатели в форме.
    • $ («: Флажок ») — выбирает все отмеченные флажки в форме.
    • $ («: Input») — выбирает только элементы формы (input, select, textarea, button).
    • $ («: Text») — выбирает только текстовые элементы (input [type = text]).
    • $ («Li: eq (2)») — выбирает третий
    • элемент
    • $ («Li: eq (4)») — выбирает пятую
    • элемент
    • $ («Li: lt (2)») — выбирает все элементы, соответствующие
    • элемент перед третьим; другими словами, первые два
    • элементы.
    • $ («P: lt (3)») — выбирает все элементы, соответствующие

      элементы перед четвертым; другими словами первые три

      элементы.

    • $ («Li: gt (1)») — выбирает все элементы, соответствующие
    • после второго.
    • $ («P: gt (2)») — выбирает все элементы, соответствующие

      после третьего.

    • $ («Div / p») — выбирает все элементы, соответствующие

      которые являются потомками элемента, соответствующего

      ,

    • $ («Div // code») — выбирает все элементы, that are descendants of an element matched by
      ,

    • $ («// p // a») — выбирает все элементы, которые соответствуют потомкам элемента, соответствующего

    • $ («Li: first-child») — выбирает все элементы, соответствующие
    • это первый ребенок их родителей.
    • $ («Li: last-child») — выбирает все элементы, соответствующие
    • это последний ребенок их родителей.
    • $ («: Parent») — выбирает все элементы, которые являются родительскими для другого элемента, включая текст.
    • $ («Li: содержит (second)») — выбирает все элементы, соответствующие
    • которые содержат текст второй.
    • $ («Td: gt (4)») — находит TD # 5 и выше
    • $ («Вход: не (: проверено)») — находит все входы, которые не проверены
    • $ («Div, span, p.myClass») — находит элементы, соответствующие любому из этих трех селекторов.
    • $ («Input [id] [name $ =» man »]») — Находит все входные данные, которые имеют атрибут id и чей атрибут name заканчивается на man