Библиотеки jQuery можно подключить несколькими способами, они открыты и находятся в свободном доступе. Эту библиотеку выбирают многие разработчики, так как она значительно экономит время, а главное, уже закеширована у большинства пользователей. Это освобождает их от долгой загрузки сайта, ведь многие до сих пор используют мобильные модемы, скорость которых достаточно низка. Для начала, лучше разобраться в разнице версий и типов библиотек, так как они могут заметно отличаться. Перейдите на официальный сайт jQuery, чтобы начать просмотр.
Какие библиотеки jQuery бывают
Если вы посмотрите на ссылки официального сайта, то увидите, что библиотеки отличаются по таким ключевым словам:
- Compressed – это сжатые библиотеки, они занимают меньше места, но их код немного сложнее внедрять;
- Uncompressed, напротив, скачивает больший файл библиотеки, он не сжат.
Конечно же, библиотеки отличаются по версиям. Лучше скачивать самую последнюю.
Как подключить jQuery: первый способ
Самый популярный способ подразумевает наличие отдельного хостинга, куда вы и поместите библиотеку. Зайдите на официальный сайт jQuery, отыщите оранжевую кнопку “Download jQuery” и нажмите на нее.
Далее, выберите версию и тип библиотеки, о которых говорилось в первом пункте статьи. Посмотрите, какой название носит файл, который вы скачали. Вам нужно поместить его в удобное место в директориях сайта, а после этого прописать такой небольшой код:
Как видите, это стандартный код head со скриптом расположения файла библиотеки. Обратите внимание, что название файла лучше не менять, так вы всегда будете видеть, какая версия jQuery у вас подключена. Ещё к советам можно добавить расположение файла в коде head. Если вы расположите библиотеку под всеми основными элементами (заголовок, сам текст), то обеспечите более удобное использование сайта тем пользователям, у которых подключение медленное.
Таким образом, лучше расположить скрипт, как на скриншоте ниже:
Как подключить jQuery через хостинги CDN
Это особенно актуально, если вы только обучаетесь, либо хотите сэкономить место на своем хостинге. Вам не нужно выделять память под библиотеки, так как они будут полностью храниться на сторонних источниках. Самые популярные CDN на сегодняшний день:
- Исключительный фаворит – это CDN от Google. Его можно найти по адресу https://developers.google.com;
- Не менее популярен Microsoft;
- CDNJS;
- Jsdelivr.
Рассмотрим сервис Google. Зайдите на сайт и отыщите нужный вам код, просто скопируйте его. Подключение происходит вставкой кода в ваш исходник. Огромным плюсом является кэширование, у многих пользователей библиотеки от Гугл уже закешированы, поэтому им не придется ждать загрузки, если скорость интернета низкая.
Google CDN удобен своим разделением на так называемые сниппеты, вам остается только определить нужный и скопировать в свой код.
Вставленный код будет выглядеть так:
Можно ли подключить jQuery на WordPress
Если вы занимаетесь разработкой сайта для WordPress, то всё становится еще проще, так как библиотеки появляются автоматически сразу после кода:
<?php wp_head(); ?>
802
