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

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

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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 Native для начинающих / Разработка приложения с нуля
11 уроків
MERN Stack / Разработка веб-приложения
9 уроків
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроків
Вивчення JavaScript: від нуля та до створення сайту
Уроки Node JS и Express для начинающих
13 уроків
Уроки Angular для начинающих
11 уроків
Коментарі
Додати коментар

Поки що коментарів немає