Какими способами можно добавить jQuery на наши веб-страницы?

Чтобы использовать все замечательные возможности jQuery, мы должны добавить библиотеку jQuery на наши веб-страницы. Как и любая другая библиотека JavaScript, jQuery добавляется на веб-страницу путем размещения тега script внутри тега head с тегом src тега script , указывающего на библиотеку jQuery, как показано ниже.

Есть два основных способа указать src на библиотеку jQuery:

  • Загрузка библиотеки jQuery
  • Включение библиотеки jQuery из CDN

Давайте подробно обсудим оба этих метода ниже.

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

В этом методе мы локально загружаем библиотеку jQuery в нашу систему . Библиотеку jQuery можно загрузить с этого веб-сайта.

На веб-сайте представлены две версии библиотеки.

Разработка jQuery

Версия для разработки используется для разработки и отладки. Он состоит из несжатого и читаемого кода JavaScript.

Production jQuery

Производственная версия используется для живых веб-сайтов. Он имеет сжатый и нечитаемый формат и обеспечивает сокращение пространства примерно на 69% .

Вы можете скачать любую из двух версий. После загрузки мы помещаем библиотеку jQuery в тот же каталог , что и веб-страница. Затем src тега script устанавливается равным имени загруженной библиотеки, как показано ниже:

  • Вывод
  • HTML
  • CSS (SCSS)
 

Добавление локально загруженной библиотеки jQuery

Включение библиотеки jQuery из CDN

CDN означает Сети доставки контента . Они состоят из обширного набора серверов для хранения и доставки данных, включая файлы программного обеспечения, медиафайлы и библиотеки. Этот контент легко доступен для всех в Интернете..

Архитектура CDN

Google и Microsoft разместили библиотеку jQuery на их сети CDN для публичного использования. Как показано ниже, мы можем просто установить src тега script равным ссылке CDN для jQuery, чтобы исключить необходимость загрузки библиотеки локально. В этом случае браузер автоматически загружает библиотеку jQuery по ссылке CDN при загрузке веб-страницы.

  • Вывод
  • HTML
  • CSS (SCSS)
 

Добавление библиотеки jQuery из CDN
Оцените статью
nanomode.ru
Добавить комментарий