Начало работы с jQuery

Существует несколько способов начать использовать jQuery на своем сайте:

  • Скачать библиотеку с официального сайта jQuery.com
  • Включить jQuery по CDN, вроде Google

Скачивание библиотеки jQuery

На официальном сайте jQuery для скачивания доступно две версии библиотеки:

  • Для готовых проектов (production) – эта версия предназначена для уже отлаженных и работающих сайтов. Она минифицирована и сжата, что позволяет ускорить ее загрузку.
  • Для разработки (development) – это для тестирования и разработки новых скриптов (код не сжат и содержит комментарии).

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

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


<head>
<script src="//msiter.ru/jquery-3.4.0.min.js"></script>
</head>

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

Удивляетесь, почему в теге <script> мы не используем атрибут type="text/javascript"? В HTML5 этого не требуется. JavaScript - скриптовый язык по умолчанию в HTML5 и во всех современных браузерах!

jQuery CDN

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

Библиотеку jQuery можно подключить с сети Google и Microsoft.

Google CDN:


<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head> 

Microsoft CDN:


<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.0.min.js"></script>
</head> 

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