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:
А здесь информация об использовании CDN с официального сайта jQuery:
Итог
Для использования jQuery нужно либо скачать библиотеку, либо использовать ссылку на какой-нибудь CDN ресурс. В любом случае, вам придется делать выбор между расширенной девелоперской версией и сокращенной пользовательской. Для разработки и тестирования выбирайте первую, чтобы получать более точные отчеты об ошибках и лучше разобраться во фреймворке. Для готового продукта берите пользовательскую версию, чтобы ваш сайт загружался быстрее.
Теперь, когда у нас есть доступная jQuery библиотека, мы готовы двигаться дальше и узнать больше об этом замечательном фреймворке.