Урок №7 - Выборка по тегам

Урок №7 - Выборка по тегам

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

Видеоурок

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


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

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

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


Пример jQuery:

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

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

Исходный код

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

Онлайн редактор кода

Загрузка...

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

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

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

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

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

Курс по React JS для начинающих
11 уроков
Создание приложения на React JS / Использование API
7 уроков
Создание динамического веб сайта
22 урока
Изучение таск-менеджера Gulp 4
5 уроков
Изучение JavaScript: от нуля и до создания сайта
Уроки Angular для начинающих
7 уроков
Комментарии
Добавить комментарий

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