ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
jQuery. Уроки для начинающих

jQuery Начало использования


Добавление jQuery на ваши веб-страницы

Есть несколько способов начать использовать jQuery на своем веб-сайте. Вы можете:

  • Скачать библиотеку jQuery из jQuery.com
  • Включить jQuery из CDN, например Google

Скачивание jQuery

Для скачивания доступны две версии jQuery:

  • Production version (Производственная версия) - это для вашего работающего веб-сайта, потому что эта версия была уменьшена и сжата
  • Development version (Версия для разработки) - это для тестирования и разработки (несжатый и хорошо читаемый код)

Обе версии можно скачать с jQuery.com.

Библиотека jQuery - это отдельный файл JavaScript, и вы ссылаетесь на него с помощью HTML тега <script> (обратите внимание, что тег <script> должен находиться внутри раздела <head>):

<head>
<script src="jquery-3.6.0.min.js"></script>
</head>

Совет: Поместите загруженный файл в тот же каталог, что и страницы, на которых вы хотите его использовать.


jQuery CDN

Если вы не хотите загружать и размещать jQuery самостоятельно, вы можете включить его из CDN (Content Delivery Network - сети доставки контента).

Google - это пример того, кто размещает jQuery:

Google CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
Попробуйте сами »

Одно большое преимущество использования размещенного jQuery от Google:

Многие пользователи уже загрузили jQuery из Google при посещении другого сайта. В результате он будет загружен из кеша при посещении вашего сайта, что приведет к сокращению времени загрузки. Кроме того, большинство CDN гарантируют, что после того, как пользователь запросит у него файл, он будет обслуживаться с ближайшего к нему сервера, что также приводит к более быстрому времени загрузки.

Или вариант от Microsoft:

Microsoft CDN:

<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>
</head>
Попробуйте сами »
Примечание. Версия jQuery может отличаться от указанной в данных примерах. Всегда смотрите самую новую и актуальную версию jQuery на официальном сайте https://jquery.com/