Урок №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 месяца

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

Курс по React JS для начинающих
11 уроков
Уроки Angular для начинающих
7 уроков
Создание динамического веб сайта
22 урока
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Практика React JS / Разработка магазина (eCommerce)
9 уроков
Уроки React Native для начинающих / Разработка приложения с нуля
11 уроков
Комментарии
Добавить комментарий

Пока комментариев нет