1. Введение в jQuery

jQuery — это быстрая, легкая и мощная JavaScript библиотека, созданная в 2006 году Джоном Резигом.

🎯 Зачем нужен jQuery?

Проблемы до jQuery

До появления jQuery работа с JavaScript была сложной:

// Vanilla JS (старый подход)
var elements = document.getElementsByClassName('item');
for (var i = 0; i < elements.length; i++) {
  elements[i].style.color = 'red';
}

Решение jQuery

// jQuery
$('.item').css('color', 'red');

📦 Основные преимущества

1. Кросс-браузерная совместимость

jQuery скрывает различия между браузерами.

2. Простой синтаксис

Короткий и выразительный код.

3. Большая экосистема

Тысячи готовых плагинов.

4. Отличная документация

Подробные руководства и примеры.

🌍 Где используется jQuery?

• WordPress — встроен в ядро с версии 1.5
• Bootstrap (до v5) — использовал jQuery для компонентов
• Legacy проекты — миллионы сайтов до сих пор используют jQuery

📊 jQuery vs Vanilla JS

jQuery

Плюсы:

• Короткий синтаксис
• Кросс-браузерность
• Удобная работа с DOM
• Богатая экосистема плагинов

Минусы:

• Дополнительная зависимость (~30KB)
• Медленнее чистого JS
• Устаревший подход для современных приложений

Vanilla JS (современный)

Плюсы:

• Без зависимостей
• Максимальная производительность
• Современные API (querySelector, fetch)

Минусы:

• Больше кода для простых задач
• Нужно учитывать браузерные различия

📝 Когда использовать jQuery?

✅ Используй jQuery:

• Работаешь с WordPress
• Поддерживаешь legacy код
• Нужен быстрый прототип
• Работаешь со старыми браузерами

❌ Не используй jQuery:

• Создаешь современное SPA (React, Vue, Svelte)
• Критична производительность
• Проект небольшой (проще Vanilla JS)

💡 Современная альтернатива

Многие возможности jQuery теперь встроены в браузеры:

jQuery	Vanilla JS
$('.class')	document.querySelectorAll('.class')
$.ajax()	fetch()
$.each()	Array.forEach()
$.map()	Array.map()
$(el).on()	el.addEventListener()

🎓 Что изучим в курсе?

1. Основы — селекторы, DOM, события
2. AJAX — асинхронные запросы
3. Продвинутые темы — плагины, оптимизация, миграция на Vanilla JS

🚀 Практика

Попробуй простейший jQuery код: