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

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

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