Урок №6 - Выбор элементов по классу
Відеоурок
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 місяця
Також варто подивитися
