10% Подключаем, находим, готовим

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

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

    <script type="text/javascript" src="js/jquery.js"></script>

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

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

    Так же есть CDN, предоставляемый и самими разработчиками jQuery, но он отнюдь не такой продвинутый, как у других, и на моей памяти у него были проблемы со стабильностью, так что будьте аккуратней при работе с ним – https://releases.jquery.com/

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>

    CDN – достаточно умная штука, при таком запросе библиотеки jQuery вам вернутся HTTP-заголовки, в которых будет сказано, что «протухнет» этот файл лишь через год.

    Если же вы запросите файл по адресу jquery@3.7/dist/jquery.min.js, то вам вернётся последняя доступная версия библиотеки из ветки 3.7.x — на момент написания сих строк это была версия 3.7.1, при этом в заголовках будет указано, что данный файл будет закеширован на стороне браузера на 7 дней.

    Аналогичная ситуация с запросом jquery@3/dist/jquery.min.js, он вернёт последнюю доступную версию из ветки 3.x.x, кеширование на 7 дней.

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

    Зачем я упоминаю про данный менеджер пакетов? Ну, может, кто из вас окажется очень любопытным и осилит работу с ним самостоятельно :)

Last updated