Что такое jQuery и как его использовать
jQuery — это популярная библиотека JavaScript, которая делает работу с DOM, событиями и анимациями проще и удобнее. Если сравнивать с жизнью, то представьте, что JavaScript — это универсальный инструментальный набор, а jQuery — это удобная коробка с самыми часто используемыми инструментами, которые всегда под рукой.
Разберёмся в синтаксисе jQuery на примерах, которые можно встретить в реальной жизни.
Основной синтаксис jQuery:
Каждый jQuery-код начинается с символа $, который обозначает вызов jQuery. Это можно сравнить с поиском информации в интернете: когда вам что-то нужно, вы просто вводите запрос в поисковую строку.
$("селектор").действие();
$("селектор") — выбор элемента в DOM, аналогично тому, как вы находите нужный предмет в магазине.
.действие(); — выполняем действие с найденным элементом, как если бы вы взяли товар с полки.
Пример из жизни
Представьте, что вы в супермаркете. Вам нужно найти все полки с фруктами и разложить их аккуратно. В jQuery это выглядело бы так:
Здесь ".fruits" — это селектор, обозначающий все полки с фруктами, а .css("display", "block") — это действие, которое делает их видимыми.
Выборка элементов
По идентификатору (#id)
Как если бы вы искали друга в социальной сети по уникальному никнейму.
По классу (.class)
Как если бы вы нашли всех людей в красных футболках на стадионе.
По тегу (tag)
Как если бы вы попросили официанта убрать все пустые тарелки со стола.
