Ответ
Плюсы:
- Кроссбраузерность — jQuery абстрагирует различия между браузерами
- Простота использования — лаконичный синтаксис для манипуляций DOM (
$('#el').hide()) - Удобные методы —
animate(),ajax(), цепочки вызовов ($('div').addClass().css()) - Большое сообщество и плагины
Минусы:
- Избыточность — современный JS (querySelector, fetch) делает jQuery менее нужным
- Производительность — нативные методы обычно быстрее
- Размер библиотеки (~30KB min+gzip)
- Устаревшие подходы (например, глобальные переменные
$)
Пример:
// jQuery
$('.btn').on('click', () => $(this).toggleClass('active'));
// Нативный JS
document.querySelectorAll('.btn').forEach(btn => {
btn.addEventListener('click', () => btn.classList.toggle('active'));
});