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

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

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

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

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

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

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

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

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

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

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

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

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

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.11.0.min.js"></script>

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

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

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

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script type="text/javascript"> 
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='/js/jquery-1.11.0.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

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

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1.11.0");
google.setOnLoadCallback(jQueryIsLoaded);
function jQueryIsLoaded() {
alert('jQuery от Google загружен');
}
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='/js/jquery-1.11.0.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>


Оставьте свой комментарий

Оставить комментарий от имени гостя

0 / 2500 Ограничение символов
Ваш текст должен быть в пределах 10-2500 символов
Комментарии | Добавить свои
  • Комментарии не найдены