Что такое jQuery?

• jQuery — это быстрая библиотека Javascript, полная функций, предназначенных для упрощения таких задач, как обход HTML-документов, манипулирование ими, обработка событий и анимация. "пиши меньше, делай больше"

MDN заявляет:

• jQuery позволяет писать несколько строк кода и tsk, а также делает более кратким и даже одну строку кода..

Обработка событий с помощью jQuery

• Еще одним преимуществом jQuery является упрощенная обработка событий. Вы можете легко добавлять прослушиватели событий..

Ниже приведен пример реализации с использованием Javascript && jQuery

_// JavaScript
document.getElementById('myButton').addEventListener('click', function() {
alert('Кнопка нажата!');
});

// jQuery
$('#myButton').click(function() {
alert('Кнопка нажата!');
});_

Обратите внимание, что метод .click() легче читать и управлять им

Упрощение манипуляций с DOM

• С помощью jQuery изменить содержимое HTML или атрибуты очень просто. Вы можете легко манипулировать DOM без использования длинного JavaScript.
  Пример: изменение текста элемента
  _

• // JavaScript

• document.getElementById('heading').innerHTML = 'Новый заголовок';

• // jQuery

• $('#heading').text('Новый заголовок');_

• Метод .text() в jQuery упрощает эту распространенную задачу
  _
  В конце концов:_

• jQuery — отличный инструмент для упрощения таких задач, как манипулирование DOM, обработка событий и выбор элементов. Хотя новые функции JavaScript (ES6 и выше) представили собственные решения, которые могут заменить jQuery в современных проектах, он остается отличным выбором для новичков и устаревших кодовых баз...