Начало работы с jQuery
- Что такое jQuery?
- Как использовать jQuery
Чтобы использовать jQuery, вам необходимо включить библиотеку jQuery на свою веб-страницу.
Библиотека jQuery поставляется в виде загружаемого файла .js
. Вам необходимо включить этот файл в любой документ, в котором необходимо запустить jQuery. В качестве альтернативы вы можете сделать ссылку на CDN, например Google.
Скачать jQuery
Если вы выберете этот вариант, вы сможете загрузить jQuery с веб-сайта jQuery.
Доступны сжатые и несжатые копии. Сжатая копия больше подходит для рабочих площадок, поскольку она меньше по размеру и использует меньшую пропускную способность. Несжатую версию можно использовать для разработки или отладки. Однако, если вы не планируете изменять/проверять саму библиотеку jQuery, сжатая копия подойдет как для производства, так и для разработки.
Обязательно поместите файл в каталог на вашем веб-сайте, а затем создайте ссылку на него с помощью элемента
. Вот так:
<скрипт src="jquery.js">
Однако обычно лучше оставить имя файла таким же, как при его загрузке, так как оно содержит версию jQuery. Кроме того, на большинстве сайтов есть отдельная папка для файлов javascript, поэтому в этом случае вам нужно будет использовать полный путь.
Таким образом, ваш HTML-документ может выглядеть примерно так:
<голова> <мета-кодировка="utf-8">
Пример <скрипт> // Здесь находится ваш код jQuery скрипт> голова> <тело> тело> Скрипты не обязательно должны находиться в элементе
заголовка документа . При необходимости они могут входить в элемент
корпуса . Использование сети доставки контента (CDN)
В качестве альтернативы вы можете использовать сеть доставки контента (CDN) для доставки вашего jQuery. В примерах в этом руководстве используется этот параметр.
Вот пример ссылки на jQuery в размещенных библиотеках Google:
Таким образом, ваш HTML-документ может выглядеть примерно так:
<голова> <мета-кодировка="utf-8">
Пример <скрипт> // Здесь находится ваш код jQuery скрипт> голова> <тело> тело> В сети доставки контента Microsoft Ajax также размещается jQuery, так что это еще один вариант.
О CDN
Использование сети доставки контента (CDN) может помочь повысить производительность вашего jQuery (и веб-сайта в целом).
Когда пользователи посещают ваш веб-сайт, вполне вероятно, что их браузер уже загрузил jQuery с другого веб-сайта (поскольку jQuery настолько популярен). Если какой-либо из этих сайтов использует тот же CDN, что и вы (и ту же версию jQuery), он, вероятно, будет в кеше их браузера. Это означает, что их браузеру не нужно будет загружать его снова — он может использовать локальную кешированную версию. Это эффективно ускоряет ваш сайт, так как загружается на один ресурс меньше.
Но даже если файл не хранится в их кеше и его необходимо загрузить, большинство CDN обеспечит загрузку файла с ближайшего к пользователю сервера. Опять же, это ускоряет время загрузки.
- Что такое jQuery?
- Как использовать jQuery
Включить jQuery на страницы HubSpot
В настройках вашего веб-сайта вы можете указать, чтобы jQuery загружался на ваши страницы HubSpot. Вы также можете указать, какую версию jQuery использовать для контента, размещенного на HubSpot, и где она должна быть включена на страницу.
- настройки значок настроек на главной панели навигации. "}" data-sheets-userformat="{"2":8402947,"3":[null,0],"4":[null,2, 16777215],"14":[null,2,0],"15":"Arial","16":10,"26":400}" data-sheets-formula="=""">В вашем HubSpot, щелкните значок настроек настроек на главной панели навигации.
- В меню левой боковой панели перейдите к
Веб-сайт > Страницы . - В верхней части страницы используйте кнопку Выберите домен, чтобы изменить его настройки выпадающее меню, чтобы выбрать, какие доменов вы хотите редактировать. Чтобы изменить этот параметр для всех доменов, выберите . Значение по умолчанию для всех доменов . Чтобы отредактировать этот параметр для определенного поддомена, выберите домен в раскрывающемся меню.
Обратите внимание: настройки для отдельных поддоменов переопределяют настройки по умолчанию для всех доменов.
- Прокрутите вниз до раздела jQuery и выберите Включить jQuery , чтобы загружать jQuery на страницы HubSpot.
Обратите внимание: если на странице используется модуль галереи изображений, отключение флажка jQuery не приведет к удалению jQuery с вашей страницы. Для работы модуля галереи изображений требуется jQuery.
- Чтобы выбрать версию jQuery, которую вы хотите включить, используйте раскрывающееся меню версии jQuery . Вы можете применить jQuery версии 1.11.x или 1.7.1 к своему контенту, размещенному на HubSpot.
- 1.7.1: выберите эту версию, если вы уже построили свою логику, используя зависимости от более старой версии jQuery.
- 1.11.x: при выборе этой версии рекомендуется также установить флажок Включить сценарий переноса jQuery . Это добавит скрипт в ваши шаблоны для улучшения совместимости со старыми браузерами.
- Нажмите Сохранить , чтобы применить изменения.
Если jQuery включен, библиотека jQuery будет загружена в заголовок HTML ваших страниц по умолчанию.