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

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

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

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

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

$("span").hide();

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

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

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

Пример:

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

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

Похожие записи:

Урок 3. Фильтры в jQuery Урок 1. Знакомство с jQuery Обновление от 23 декабря 2020 г. на Codebra Урок 2. Подключаем Bootstrap Обновление от 3 сентября 2022 г. на Codebra Урок 5. Небольшая практика по Bootstrap Урок 2. Подготовка проекта к работе с Git Урок 8. Создание версий проекта в Git Урок 1. Знакомство с Git Урок 4. Адаптивные столбцы в Bootstrap