Введение

Базу подготовили, теперь пора перейти к непосредственному изучению jQuery. Всё начинается с подключения библиотеки. И уже на этом этапе мы можем пойти несколькими путями:

  1. Скачиваем jQuery с домашней страницы проекта http://jquery.com/ и положим рядышком с нашей HTML-страничкой (советую скачать development-версию — всегда интересно покопаться в исходном коде :):

    Данный способ хорош для работы в offline или при слишком медленном соединении с интернетом. Отдельно стоит обратить внимание на путь — скрипты собраны в отдельной папке «js». И это не случайно, нужно приучать себя к порядку.

  2. Используем CDN. Я предпочитаю сервис от компании Google, но есть ещё Microsoft и Яндекс, а так же универсальный http://cdnjs.com/, последний, кстати, размещает много популярных плагинов, за что им отдельное спасибо:

  3. С использованием менеджера пакетов NPM устанавливаем искомую библиотеку. Данный менеджер позволяет устанавливать очень много разнообразных библиотек и пакетов, за всем и не уследить.

Будь готов

Только подобный код ничего не сделает, так как на момент выполнения на странице ещё не будет тегов <h2> – слишком рано выполняется скрипт, до загрузки всего HTML-документа. Для того, чтобы код сработал верно, мы должны либо поместить код после искомого <h2>, а то и сразу в самый низ страницы, либо использовать метод «.ready()» для отслеживания события «load» нашего «document»:

Также можно использовать сокращённый вариант без явного вызова метода «.ready()»:

Вы можете создать сколь угодно много подобных функций, не обязательно весь необходимый функционал помещать в одну.

$() — это синоним для jQuery(). Чтобы у вас не возникало конфликтов с другими библиотеками за использование «$», советую ваш код оборачивать в анонимную функцию следующего вида (best practice):

Оптимизируем выборки

Зелёный маркер W3C validator'а – это правильно, и к этому надо стремиться, так что не забывайте закрывать теги да прописывать обязательные параметры. Приведу пример HTML-кода, в котором согласно спецификации HTML 5 допущено шесть ошибок, найдите их: