TOC

This article is currently in the process of being translated into Russian (~98% done).

Вводная часть:

Начинаем

Чтобы использовать jQuery, нужно добавить его на те страницы, с которыми вы будете работать. Скачать можно с официального сайта jQuery.com. Обычно есть выбор между Production версией, т.е. сжатой и Development, несжатой версией - для обучения мы рекомендуем использовать вторую.

Теперь, когда jQuery JavaScript файл находится у вас на компьютере, вам нужно сослаться на него в своем коде, используя HTML тег <script>. Самый простой способ - это разместить скачанный файл jquery.js в той же папке, что и ваша страница с кодом, и указать его в секции <head> таким образом:

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

Часть вашего кода теперь должна выглядеть примерно вот так:

<head>    
<title>jQuery test</title>    
<script type="text/javascript" src="jquery-3.3.1.js"></script>    
</head>

Более современный способ предлагает вам не скачивать файл самостоятельно, а включить его из CDN, что переводится с английского как сеть доставки содержимого и помогает вам быстрее грузить интернет-страницы. Такие гиганты, как Google и Miscrosoft, имеют свои CDN-серверы с различными версиями jQuery и другими JavaScript фреймворками. По сути, вам не нужно ничего скачивать, но есть и еще одно преимущество: так как файл обычно подгружается с общего адреса, высока вероятность, что и другие сайты будут использовать его в то же самое время, что приведет к замедлению работы вашего сайта. Большинство CDN же работают иначе: пользовательский запрос обрабатывается ближайшим к нему сервером, так что находясь в Европе вам не придется ждать файл из Америки или еще откуда.

Чтобы подгружать jQuery из CDN, делаем все то же самое, что и в предыдущем шаге, только меняем ссылку. Например, берем jQuery 3.3.1 с сервера Google и пишем следующее:

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

Предлагаю выбрать именно этот вариант, если только у вас нет веской причины хостить jQuery со своего компьютера. Ниже ссылка с информацией о jQuery CDN от Google:

Google jQuery CDN

А здесь информация об использовании CDN с официального сайта jQuery:

code.jquery.com

Итог

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

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

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!