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

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

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

Видеоурок

jQuery позволяет выбирать элементы по их классу. Это позволяет выбрать сразу набор элементов, которые имеют некий общий класс. 


Создадим HTML разметку:

<span class="colored">Просто блок</span>
<p class="colored">Небольшой блок</p>
<div class="colored">Совсем не строчный элемент</div>

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


Пример jQuery:

var blocks = $(".colored");
blocks.hide(); // Скрыть все блоки
blocks.show(); // Показываем все элементы
blocks.css("color", "red"); // Установка цвета текста

Полученные элементы можно перебирать через циклы. Чтобы взять определенный элемент воспользуйтесь функцией: get(ИНДЕКС ЭЛЕМЕНТА).

Исходный код

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

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

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

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

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

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

Уроки Node JS и Express для начинающих
17 уроков
Изучение JavaScript от нуля до гуру
21 урок
Создание приложения на React JS / Использование API
7 уроков
Создание динамического веб сайта
22 урока
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Уроки Vue.js для начинающих
10 уроков
Комментарии для сайта Cackle