Представьте, что HTML-страница – это большой дом, в котором много комнат (элементов). У каждой комнаты может быть свое имя (ID), свой стиль оформления (класс), а также каждая комната может быть определенного типа, например, спальня, кухня, ванная (тег). document.querySelector() – это как опытный поисковик, которого вы отправляете в этот дом, чтобы найти конкретную комнату. Вы даете ему описание этой комнаты (CSS-селектор), и он находит первую комнату, которая соответствует описанию. Разберем подробнее: Примеры “инструкций” (CSS-селекторов): Что происходит, когда поисковик находит комнату? Что происходит,...

Сегодня разберем как делаются вкладки(табы) на JQuery и JavaScript . Можете посмотреть демо чтобы увидеть как будет выглядеть результат. В колонке JS сверху расположен код JQuery , ниже JavaScript. В самом начале объясню схему, по которой мы будем делать табы: Про приставку js.  Мы добавляем отдельный класс для манипуляций из js потому что, на один класс могут быть завязаны стили, которые в дальнейшем могут быть заменены. Приставка js даст вам или другому разработчику понять что этот элемент, в частности класс, участвует в интерактивности, на нем завязаны только события javascript...