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

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

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