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

25 февраля 2013
827

jQuery сейчас одна из самых популярных библиотек JavaScript, используемых в веб-разработке. Анимации, обновления содержимого страниц, всевозможные вкладки и всплывающие окна, многие плагины для WordPress - всё это обычно работает на ней. И я, описывая какой-нибудь код, обычно начинаю с того, как подключить к сайту jQuery. Вот сегодня расскажу об этом деле особенно подробно.

Чтоб в дальнейшем, когда потребуется, просто давать ссылку на эту статью.

Загрузка библиотеки jQuery

Итак, библиотеку jQuery можно подключить несколькими способами:

Загрузка с официального сайта

Можно при каждом открытии сайта загружать библиотеку из хранилища на официальном сайте. На странице code.jquery.com представлены не только последние версии полной версии библиотеки и минимизированной, но и версии jQuery UI, jQuery Mobile и многие другие.

Тут же их можно скачать. Но для загрузки с оф. сайта нам этого не требуется. Чтобы подключить jQuery к сайту, мы просто добавим в файл header.php (если работаем с сайтом на WordPress), или в другой файл (так чтобы код загружался при открытии всех страниц, где есть обращение к функциям jQuery) между тегами <head> ... </head> следующий код:

 Этот код подгружает актуальную минимизированную версию библиотеки.

Загрузка из хранилища Google

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

А минус в том, что я не нашёл кода для загрузки исключительно актуальной версии библиотеки. Следующий вызывает последнюю, дотупную на данный момент версию jQuery, но обновляются они довольно быстро.

Открытие библиотеки из своего хранилища

Не устраивают варианты с обращением ко внешним источникам - можно скачать файл библиотеки (как и полагается скрипту JavaScript имеет расширение .js), разместить на своём хостинге и подгружать оттуда, используя в адресе источника своё доменное имя. Самый надёжный и простой способ, однако без надежды на то, что у большинства посетителей библиотека будет уже закэширована в браузере. Так что, не самый быстрый.

А ещё данный способ пригодится, если требуется тестировать работу сайта на своём компьютере, без подключения к Интернету.

Скачать можно с официального хранилища, указанного в первом способе. Загружать рекомендую в специально созданную папку js/. Потом она ещё может пригодиться для хранения других скриптов для вашего сайта. Ну и код соответственно будет таков:

 Надеюсь, статья была вам полезна! Не забудьте оценить её и оставляйте комментарии!

Related Posts Plugin for WordPress, Blogger...
Рубрики: Разработка сайтов | Метки:

Комментируйте - автору важно ваше мнение!

Дополнительно: