Уроки jQuery

Урок №6 - Выбор элементов по классу

Урок №6 - Выбор элементов по классу

В этом видео уроке вы научитесь находить различные элементы в вашем документе по их class'у. jQuery позволяет искать элементы несколькими способами и один из таких способов это отбор элементов по классу (class).

Видеоурок

jQuery позволяет выбирать элементы по их классу. Это позволяет выбрать не просто один конкретный элемент, а выбрать сразу все элементы, которые имеют некий общий класс.
<span class="colored">Просто блок</span>
<p class="colored">Небольшой блок</p>
<div class="colored">Совсем не строчный элемент</div>
Мы видим, что все элементы записаны в разных тегах, но имеют один общий класс, по которому мы можем выбрать их все.
var blocks = $(".colored");
blocks.hide(); // Скрыть все блоки
blocks.show(); // Показываем все элементы
blocks.css("color", "red"); // Установка цвета текста
Кроме того, мы можем перебирать все элементы в цикле или же указывать какие-либо конкретные элементы при помощи метода get(ИНДЕКС ЭЛЕМЕНТА).

Исходный код

Весь код будет доступен после подписки на проект!

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение таск-менеджера Gulp 4
5 уроков
Создание динамического веб сайта
22 урока
Уроки Node JS и Express для начинающих
17 уроков
Уроки Vue.js для начинающих
10 уроков
Уроки Angular для начинающих
7 уроков
Курс по React JS для начинающих
14 уроков