09-10-2018 15:09

Как подключить JQuery к HTML-документу

JQuery — это самая объемная и популярная библиотека скриптов для того, чтобы максимально дополнить функционал веб-страницы. Ее использование считается во многих случаях более предпочтительным, чем написание отдельных скриптов для сайта, потому что данную библиотеку отличает надежность и возможность работы во всех браузерах, в том числе, на их старых версиях. Также использование JQuery оптимизирует работу сайта и создает гораздо меньшую нагрузку, чем "чистый" код на JavaScript.

В этой статье мы разберемся, как подключить JQuery к вашему сайту.

Как скачать JQuery

How dangerous is the new coronavirus?You will be interested:How dangerous is the new coronavirus?

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

Библиотеку можно скачать на официальном сайте, прямо на главной странице будет указана последняя версия JQuery и ссылка на скачивание. Выглядит это так:

Соответственно, мы можем видеть, что последняя версия библиотеки Jquery на сегодняшний день (октябрь 2018 года) — v3.3.1. Рекомендуется следить за обновлениями и регулярно подключать актуальную версию, чтобы избежать ошибок в отображении информации на сайте.

После того, как файл скачан, его нужно разместить в директории на хостинге, где выложены другие файлы сайта. Если веб-страница еще не выложена в сеть, а находится на компьютере, скачанный файл просто помещают в соответствующую папку. Если она уже перенесена на сервер, то нужно воспользоваться любым файловым менеджером для переноса данных (к примеру, WinSCP или FileZilla).

Для хранения JS-скриптов лучше выделить отдельную папку. В нее переносится и JQuery.

Подключение скачанной библиотеки

Как подключить библиотеку JQuery в HTML документ. Сначала откройте в любом редакторе текста или кода все HTML страницы вашего сайта. В том случае, если вы проводите работу на какой-либо CMS, требуется зайти в раздел, где вносятся изменения в блок head.

Далее в области вводится следующий код со ссылкой, которая указывает, как подключить скрипты JQuery и ведет в соответствующую директорию.

Выглядеть это будет следующим образом:

Соответственно, scripts — это папка, в которой расположена искомая библиотека, далее следует ее полное название с разрешением (по аналогии с подключением любых других файлов к документу). Как видите, используется тег

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

Важно обратить внимание на то, что в ссылке должна быть указана последняя версия JQuery. Код с последней версией можно взять с сервиса Google Developers, найдя через поиск по названию библиотеки.

Варианты JQuery

Задаваясь вопросом, как подключить JQuery к сайту, вы, вероятно, обращали внимание на то, что при скачивании становятся доступны два файла, один из которых имеет в названии добавочное "min", а второй нет.

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

Версия с min в названии является сжатой, так как из нее удалены все лишние символы, такие как табуляция и переносы строк. Практически невозможно использовать ее для внесения правок и отладки, однако она показывает хорошее быстродействие при подключении к сайту.

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

Заключение

Итак, мы рассмотрели основные методы и узнали, как подключить скрипты JQuery к HTML-документу. В зависимости от поставленных целей и задач, а также опираясь на вопрос личного удобства, можно использовать любой вариант из предложенных.

Библиотека JQuery — это отличный способ расширить функционал сайта, не теряя в производительности.



Источник