Урок №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: от нуля и до создания сайта
Изучение JavaScript для начинающих!
15 уроков
Изучение React JS / Redux библиотеки
9 уроков
Уроки Vue.js для начинающих
10 уроков
Создание приложения на React JS / Использование API
7 уроков
Уроки React Native для начинающих / Разработка приложения с нуля
11 уроков
Комментарии
Добавить комментарий

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