Как подключить jquery. Подключение jQuery через Google и Microsoft

Как подключить jquery. Подключение jQuery через Google и Microsoft

В подключении jquery все просто. Есть 2 варианта:

  1. Для работы оффлайн - скачать сам файл с библиотекой jQuery и подключить его.
  2. Для работы онлайн - быстро одной строчкой кода подключить jQuery из хранилища Google или Microsoft cdn.

У каждого варианта свои плюсы и минусы. Давайте рассмотрим их подробнее.

Подключение jquery через Google или Microsoft

Чтобы подключить последнюю версию jquery через Google нужно добавить одну строку кода внутри - все предельно быстро и удобно:

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

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

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

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

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

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

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

Подключение jquery скачиванием файла с библиотекой

Подключаем jQuery со страницы своего сайта - это дольше, но надежнее. Для этого нужно:

  1. Скачать библиотеку jquery с официального сайта jquery;
  2. Сохранить в файл, назовем его jquery-3.6.0.min.js;
  3. Положить в папку js на нашем сайте и добавить следующий код в :

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

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

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

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

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

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