10% Подключаем, находим, готовим
Базу подготовили, теперь пора перейти к непосредственному изучению jQuery. Всё начинается с подключения библиотеки. И уже на этом этапе мы можем пойти несколькими путями:
Скачиваем jQuery с домашней страницы проекта http://jquery.com/ и положим рядышком с нашей HTML-страничкой (советую скачать development-версию — всегда интересно покопаться в исходном коде :):
<head> <script type="text/javascript" src="js/jquery.js"></script> </head>Данный способ хорош для работы в offline или при слишком медленном соединении с интернетом. Отдельно стоит обратить внимание на путь — скрипты собраны в отдельной папке «js». И это не случайно, нужно приучать себя к порядку.
Используем CDN. Я предпочитаю сервис от компании Google, но есть ещё Microsoft и Яндекс, а так же универсальный http://cdnjs.com/, последний, кстати, размещает много популярных плагинов, за что им отдельное спасибо:
<head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head>Небольшие пояснения: CDN – достаточно умная штука, при таком запросе библиотеки jQuery вам вернутся HTTP-заголовки, в которых будет сказано, что «протухнет» этот файл лишь через год. Если же вы запросите файл по адресу «jquery/3.3/jquery.min.js», то вам вернётся последняя доступная версия библиотеки из ветки 3.3 — на момент написания сих строк это была версия 3.3.1, при этом в заголовках «expires» будет стоять текущая дата, и кэш будет жить лишь один час.
Есть CDN, предоставляемый и самими разработчиками jQuery, но он отнюдь не такой продвинутый, как у Google, и на моей памяти у него были проблемы со стабильностью, так что будьте аккуратней при работе с ним – http://code.jquery.com/
С использованием менеджера пакетов NPM устанавливаем искомую библиотеку. Данный менеджер позволяет устанавливать очень много разнообразных библиотек и пакетов, за всем и не уследить.
Зачем я упоминаю про данный менеджер пакетов? Ну, может, кто из вас окажется очень любопытным и осилит работу с ним самостоятельно :)