Какие плюсы и минусы DOM в jQuery

«Какие плюсы и минусы DOM в jQuery» — вопрос из категории Библиотеки, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Плюсы:

  • Кроссбраузерность — 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'));
});