Зачем нужна jQuery?
Эта библиотека позволяет работать с DOM-деревом — выделять HTML-элементы, модифицировать их, анимировать, реагировать на события (например, когда пользователь кликает мышкой) и подгружать новую информацию с сервера без перезагрузки страницы. И, что немаловажно, всё это работает на всех браузерах. Сегодня почти всё это умеют сами браузеры (document.querySelector, classList, addEventListener, fetch), поэтому в новых проектах jQuery встречается реже, но в существующем коде её по-прежнему много.

Самые популярные методы

find() // Selects elements based on the provided selector string
hide() // Hides an element if it was visible
show() // Shows an element if it was hidden
html() // Gets or sets an inner HTML of an element
append() // Injects an element into the DOM after the selected element
prepend() // Injects an element into the DOM before the selected element
on() // Attaches an event listener to an element
off() // Detaches an event listener from an element
css() // Gets or sets the style attribute value of an element
attr() // Gets or sets any attribute of an element
val() // Gets or sets the value attribute of an element
text() // Gets the combined text of an element and its children
each() // Iterates over a set of matched elements

Пять основных возможностей jQuery

Примеры использования jQuery
Лучший способ научиться jQuery — это разбирать конкретные примеры. Самое сложное тут научиться раскладывать нужный эффект на комбинацию уже существующих методов в jQuery. И, к сожалению, без знания HTML и CSS будет очень сложно что-либо сделать.
Анимации с помощью CSS
Считается, что лучше делать анимации с помощью нативных средств CSS — там, где это возможно.