Теория урока

2.1. Селекторы в jQuery

Селекторы в jQuery и CSS очень похожи. Селекторы – это то, с чем мы работаем. Далее рассмотрим примеры. В этом уроке я уже затрагивал селекторы и приводил примеры.

Пример 1

$("#element").hide();

Пример 1: мы будем работать с одним элементом (id всегда уникальный), который имеет атрибут id со значением element.

Пример 2

$(".element").hide();

Пример 2: мы будем работать со всеми элементами, которые имеют атрибут class со значением element.

Пример 3

$("span").hide();

Пример 3: мы будем работать со всеми элементами <span>.

И еще пару примеров селектором jQuery.

Пример 4

$("span.element").hide();

Пример 5

$("#header .content .logo a").hide();

Не буду продолжать дальше. Надеюсь вы заметили аналогию с CSS.

Предыдущий урок «1.1. Знакомство с jQuery» Следующий урок «3.1. Фильтры в jQuery»

Возможно, вам это будет интересно: Фильтры в jQuery

Код JavaScript

Код HTML

Браузер

Вернуть расположение блоков

Код JavaScript

Восстановить JavaScript код

Код HTML

Восстановить HTML код

Браузер×

Задание

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Измените в JavaScript коде размер шрифта с 50px на 36px

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.

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