Новичок
11 уроков
(2 часа 6 минут)
Курс
Основы jQuery
Данный видеокурс познакомит вас с основами популярной библиотеки jQuery.

#3 — Селекторы.

На этом уроке мы снова будем говорить о селекторах в jQuery.

За время занятия вы научитесь извлекать, применяя методы jQuery, все элементы по селектору
без дополнительного передвижения по странице от элемента к элементу. Эти элементы могут быть
как простыми, так и сложными, т.е. вложенными.

В основном, в jQuery методы выбора элементов опираются на мощь синтаксиса CSS, но есть
у этой библиотеки и нестандартные механизмы, предназначенные для решения задач более
высокого уровня.

На уроке на множестве примеров рассмотрено большое количество методов выбора элементов
разных типов. Вы с легкостью будете находить при помощи механизмов jQuery селекторы по классам,
селекторы по идентификатору, базовые селекторы и т.д.

Приятного всем просмотра! Учитесь с удовольствием!

Селекторы, освещаемые в данном видео уроке
  • $(‘tagName’) — все элементы с тэгом tagName;
  • $(‘#idName’) — единственный элемент с идентификатором idName;
  • $(‘.className’) — все элементы с классом className
  • $(‘selector1 selector2’) — все потомки-элементы selector2 элементов selector1;
  • $(‘selector1 > selector2’) — все непосредственные потомки-элементы selector2 элементов selector1;
  • $(‘selector1 , selector2’) — все элементы selector1 и элементы selector2;
  • $(‘selector1 + selector2’) — все элементы selector2, стоящие сразу за элементами selector1;
  • $(‘selector[attr]’) — все элементы selector, обладающие атрибутом attr;
  • $(‘selector[attr=»value»]’) — все элементы selector с атрибутом attr равным value;
  • $(‘selector[attr~=»value»]’) — все элементы selector с атрибутом attr, имеющем несколько значений, одно из которых value;
  • $(‘selector[attr|=»value»]’) — все элементы selector с атрибутом attr, имеющем несколько значений, первое из которых value;

Материалы к уроку:
Делись:

Оставь комментарий!

2 thoughts on “#3 — Селекторы.

  1. 19_MUSTANG_85:

    Ребята, думаю стоит поменять местами урок 2 и 3! Понятно, что 2 вытекает из первого, но перемещение по DOM без представления выборки (я то знал, да и повторяю jQuery, но) было как-то круто…

  2. 19_MUSTANG_85:

    Уроки хорошие, спасибо!

    Особенно понравились уроки по созданию генератора кнопок

Добавить комментарий

Рекомендуемые курсы