Подключение jQuery на страницах сайта

В данной статье пойдет речь о способах подключения библиотеки jQuery на страницах своего сайта. Каждый способ имеет свои плюсы и минусы, поэтому давайте рассмотрим их подробнее.

Как это работает:

Для работы библиотеки оффлайн

Данный способ предполагает подключение библиотеки jQuery с Вашего сайта. Данный способ дольше в исполнении, но надежнее. Для этого Вам необходимо скачать библиотеку с официального сайта (выберите наиболее подходящую для Вас версию) и загрузить скачанный файл к себе на сайт, в удобную для Вас дирректорию (главное не забудьте, куда Вы его загрузили), или, например, создайте директорию js в корне Вашего сайта и загрузите файл в неё.

Теперь Вам осталось добавить код вызова библиотеки в файл страницы или шаблона (всё зависит от того, что Вы делаете).

В src задается путь где лежит наш файл с jQuery, который нужно подключить на страницу сайта.

Для работы библиотеки онлайн

Данный способ подразумевает подключение библиотеки jQuery через Google или Microsoft.

Для того, чтобы подключить последнюю версию jQuery через Google необходимо добавить одну строку кода внутри <head> — все предельно быстро и удобно:

Для подключения точной версии (например 1.11.0) добавьте следующий код:

Точный номер последней версии всегда можно посмотреть здесь, а затем просто поменять эти цифры в коде и все будет работать.

Для подключения jquery через Microsoft добавляем код:

Подключение с Google хорошо тем, что многие сайты одинаково подключают jQuery — именно через Google API и всегда есть высокая вероятность того, что эта библиотека уже загружена в кэш браузера пользователя и не будет загружаться во второй раз.

Комбинированный способ подключения библиотеки

Этот способ самый надежный и бронебойный — подключение библиотеки jQuery с Google, если он недоступен — подключение со своего сайта:

Или самый современный вариант — прописываем в <head> следующий код:

 

Полезность статьи

Оцените, на сколько полезной оказалась статья.
1 балл2 балла3 балла4 балла5 баллов
Пока оценок нет
Комментарии

Здесь еще никто не оставлял комментарии.

Добавить комментарий

* - поля обязательные для заполнения. E-mail не публикуется.