Онлайн-курсы по jQuery
Выбрать другой урок из курса
Обсуждение
Теория урока

Селекторы в 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.

<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.