Подключить последнюю версию jquery: Как подключить последнюю версию jQuery? — Хабр Q&A

Содержание

http code jquery com jquery latest js

Автор admin На чтение 6 мин.

В большинстве CMS (системы управления контентом) эта библиотека подключается автоматически. Но если, вы пишите сами свой сайт, то вам необходимо вручную подключать эту библиотеку.

Подключение jQuery со своего сайта

Итак, для начала нужно непосредственно скачать свежую версию. Ее скачать вы можете с сайта разработчика, а именно jquery.com.

Есть два вида вариантов этой библиотеки – Production и Development. Разницы по функционалу в этих библиотеках нет, только разница в размере загружаемых файлов.

  • Development – это исходный код библиотеки со всеми комментариями для разработчиков, и код четко структурирован. И поэтому размер ее составляет порядка 260 кбайт.
  • Production – сжатый вид библиотеки, там удалены все комментарии, ненужные пробелы и так далее. Ну и размер соответственно 70 – 100 кбайт, в зависимости от версии библиотеки.

Немного о версиях

Если обобщить, то существует две версии этой библиотеки. Разница между ними в основном в совместимости браузеров.

jQuery 1.x – одна из первых версий библиотек, и обеспечивает совместимость с максимальным количеством браузеров. На данный момент последняя версия – 1.11.2.

jQuery 2.x – это последняя выпущенная версия библиотеки, включает в себя API jQuery 1.x, но проблема в том, что нету поддержки нашего «любимого» Internet Explorer версий 6, 7, 8. Последняя версия — 2.1.3.

Подключаем jQuery к странице сайта

Итак, давайте подключим jQuery к нашей странице. Скачаем файл jquery-1.11.2.min.js с сайта jquery.com и перенесем в папку js, в директории нашего сайта.

Для того чтобы подключить библиотеку, нужно прописать путь к файлу в теге SCRIPT, внутри тега HEAD.

Прежде всего создадим простейший html документ:

Предполагается, что читатель знаком с основами html и css, поэтому разъяснять, как строится структура html документа я не буду. Теперь пришла очередь обзавестись библиотекой.

Получить последнюю версию можно многими способами. Опишу наиболее распространенные из них, а заодно и обсудим их достоинства и недостатки.

Локальное подключение библиотеки

Первый способ — сохранить файл ядра библиотеки в проекте. Для этого потребуется скачать его на свой компьютер и подключить к документу. Заходим на официальный сайт jQuery (http://jquery.com/). На главной странице справа видим блок с большой кнопкой Dounload (jQuery), кликнув по которой можно закачать последнюю версию (на момент написания статьи последней является версия 1.8.2).

Радио переключатели, расположенные сверху кнопки, позволяют выбрать для закачки сжатый (Production), или полный (не сжатый — Development) вариант библиотеки. Второй вариант понадобится, если очень хочется покопаться в недрах кода фреймворка, но при этом размер его сильно отличается в большую сторону (247 kb). По умолчанию выбрана сжатая версия — ее и следует загружать.

Жмем по ссылке и. вместо ожидаемого диалога для закачки файла открывается окно с кучей непонятных строк.

Если это окно вызвало недоумение, не пугайтесь — все в порядке. Что бы сохранить этот код в файл, в меню браузера выбираем файл — сохранить как.

и в появившемся окне указываем папку, куда хотим залить библиотеку.

При желании можно переименовать сохраняемый документ, но лучше оставить имя по умолчанию — не придется в дальнейшем гадать, что это за файл и за что он отвечает. Для завершения процедуры жмем кнопку сохранить и нужный файл появится в указанной папке.

Теперь нужно прописать путь к этому файлу в разделе head html документа. Для удобства я обычно создаю папку js в корне сайта в которую складываю все необходимые для работы сайта js файлы. Если Вы поступили так же, то скопируйте файл библиотеки в эту папку (по умолчанию он будет иметь название jquery-1.8.2.min.js, где 1.8.2 — это версия библиотеки) и в разделе head html страницы, с которой работаете пропишите следующую строку .

В итоге раздел head html документа должен выглядеть так:

Все, библиотека подключена. Убедимся, что все сделано правильно. Все в том же html документе, в разделе body пропишем следующий код:

Откроем страницу в браузере. Если все сделано правильно, то должно появиться модальное окно с сообщением jQuery подключен и отлично работает!. Если сообщение не появилось, проверьте, правильно ли указан путь к библиотеке и нет ли ошибок в коде вызова модального окна. Код документа на данном этапе должен выглядеть так:

Теперь, когда библиотека подключена и все работает как надо, пару слов о достоинствах и недостатках этого способа подключения.

Плюсом является то, что можно работать с js кодом не имея доступа в интернет (библиотека находится на локальном компьютере). Однако, использовать локальную версию не очень удобно на рабочем сайте, особенно, если проект постоянно совершенствуется и в коде используются возможности новых версий библиотеки. В этом случае все время приходится повторять описанную выше процедуру. Благо, есть способы облегчить себе жизнь.

Удаленное подключение библиотеки

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

Следующая строка позволяет загрузить самую последнюю версию библиотеки с официального сайта jQuery.

Этой строкой подключается последняя версия библиотеки с Google (я рекомендую использовать именно этот способ в рабочих проектах).

Еще одной полезной плюшкой у Google является то, что можно загрузить при необходимости какую то конкретную версию. Например, эта строка загрузит библиотеку версии 1.7.2

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

Примеры и готовые решения для оформления блога и сайта. Разработка и дизайн шаблонов Blogger.

Как подключить jQuery

5 комментариев:

Благодарна за столь подробный ликбез.

Доброго времени суток! Спасибо за Ваши материалы — всё доступно и доходчиво.
У меня вопрос. Вы пишите «На некоторых платформах изначально подключена jQuery-библиотека». Это речь про хостинг? Ели да, то как узнать подключена библиотека или нет?
Спасибо

Это видно по коду(в исходнике) или написано в описании.

Где взять jQuery? jQuery для начинающих

jQuery

jQuery — это быстрая, небольшая и многофункциональная библиотека JavaScript (набор функций JavaScript).

По своей сути jQuery фокусируется на извлечении элементов со страниц HTML и выполнении операций с ними.

Последнюю (свежую) версию jQuery можно бесплатно скачать с официальной страницы проекта, а затем подключить скаченный файл (библиотеку jQuery) к своему сайту.

Есть 2 варианта подключения jQuery к сайту.

Вариант 1

Скачать jQuery па свой ПК

1) Заходим на сайт jQuery и жмем кнопку «Скачать»

2) Выбираем файл для скачивания

3) Сохраняем выбранный файл (у нас это: jquery-3.5.1.min.js) на свой ПК

3) Подключаем jQuery

jQuery подключается к веб-странице, как один внешний JavaScript-файл, который, как и сам ваш сайт,
загружается на сервер.

<head>
  <script src=»http://Путь к файлу/jquery-3.5.1.min.js»></script>
</head>

Путь к файлу — это папка вашего сайта, где находится jquery-3.5.1.min.js

Вариант 2

Без скачивания на свой ПК

Можно подкличить jQuery без скачивания его на свой ПК

1) Заходим на сайт jQuery CDN и жмем кнопку «Скачать»

2) Копируем код из всплывающего окна

3) Вставляем скопированный код на свой сайт

<head>
<script
src=»https://code.jquery.com/jquery-3.5.1.min.js»
integrity=»sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=»
crossorigin=»anonymous»></script>
</head>

CDN (Content Delivery Networks) — сеть доставки контента.

Разница между двумя Вариантами

  1. В первом Варианте библиотека jQuery находится на вашем сервере и, понятно, занимает на нем место. Размер jQuery.min около 80 кБайт (зависит от версии).
  2. Во втором Варианте библиотека jQuery находится на стороннем сервере и НЕ занимает место на вашем
    сервере.

Jquery latest min js – Тарифы на сотовую связь