5.0 0.5 5 21

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

Kuliev
Kuliev
21 ноября 2014
111
Оцените:
Как подключить jQuery?

Смотрите видео

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

Современные сервисы типа YouTube не работали бы без JavaScript, который взаимодействовует с HTML. Именно поэтому была разработана программная библиотека jquery, с помощью которой и происходит данное взаимодействие. Однако мало кто из пользователей интернета знает, что такое jquery и как подключить и использовать ее.

Рассмотрим этот вопрос подробнее ниже.

Как установить jQuery

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

  • Подключение jquery со страницы своего сайта.
  • Подключение jquery через Google.
  • Динамическое подключение jquery.

Рассмотрим каждый случай отдельно.

Подключение jquery со страницы своего сайта

Данный способ подходит, если сайт самописный, без систем управления вроде WordPress. Если ваш сайт удовлетворяет этим требованиям и вы хотите загружать библиотеку напрямую с него, то необходимо выполнить ряд простых действий:

  1. Загружаем свежую сборку jquery с сайта разработчика. Опытные веб-мастера советуют версию «PRODUCTION», чтобы ваш сайт быстрее грузил библиотеку.
  2. Закачиваем на сайт файл библиотеки.
  3. Прописываем код «<script type="text/javascript" src="адрес файла"></script>» внутрь тега Head.

После этого библиотека будет работать.

Как установить jquery через Google

Компания Google имеет особенный сервис Google Libraries API, который позволяет подключать библиотеку через их сервис. Это удобно тем, что библиотека будет загружаться намного быстрее, чем с вашего сайта, и будет присутствовать в кэше большинства браузеров.

Чтобы подключить библиотеку таким способом, достаточно прописать так же, как в предыдущем пункте статьи, код:

  • <script type="text/javascript"src="адрес сервиса Google"></script>

А чтобы узнать адрес сервиса на текущий момент, нужно зайти на сайт Google Developers и посмотреть его.

Динамическое подключение jquery

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

  • var script = document.createElement('script');
  • script.type = 'text/javascript';
  • script.src =’адрес сервиса Google’;
  • document.getElementsByTagName('head')[0].appendChild(script);
  • script.addEventListener('load', function(){
  • $(document).ready(function() {
  • alert('jQuery загружен.');
  • });
  • }, false);

Таким образом задается функция выполнения команды.

Также вы можете прочесть наш полезный раздел Веб-разработка.

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!