ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

jQuery Tutorial

jQuery HOME jQuery Intro jQuery Get Started jQuery Syntax jQuery Selectors jQuery Events

jQuery Effects

jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining

jQuery HTML

jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions

jQuery Traversing

jQuery Traversing jQuery Ancestors jQuery Descendants jQuery Siblings jQuery Filtering

jQuery AJAX

jQuery AJAX Intro jQuery Load jQuery Get/Post

jQuery Misc

jQuery noConflict() jQuery Filters

jQuery References

jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery Traversing jQuery AJAX jQuery Misc jQuery Properties


jQuery Get Started


Добавление jQuery на веб-страницы

Есть несколько способов, чтобы начать использовать jQuery на вашем веб-сайте. Вы можете:

  • Скачать библиотеку jQuery из JQuery.com
  • Включите jQuery из CDN, как Google

Загрузка jQuery

Есть две версии JQuery доступны для скачивания:

  • Производственная версия - это для вашего живого сайта, потому что он был minified и сжат
  • Версия для разработки - это для тестирования и разработки (несжатый и читаемый код)

Обе версии можно скачать с jQuery.com.

Библиотека JQuery — это единый JavaScript-файл, который ссылается на тег HTML < script > (Обратите внимание, что тег <script> должен находиться внутри <head> раздела):

<head>
<script src="jquery-3.3.1.min.js"></script>
</head>

Tip: Place the downloaded file in the same directory as the pages where you wish to use it.

Вы удивляетесь, почему у нас нет типа = "Text/JavaScript" внутри тега <script>?

Это не требуется в HTML5. JavaScript является языком сценариев по умолчанию в HTML5 и во всех современных браузерах!


jQuery CDN

Если вы не хотите загружать и размещать jQuery самостоятельно, вы можете включить его из CDN (сеть доставки контента).

Как Google и Microsoft хост jQuery.

Чтобы использовать jQuery из Google или Microsoft, используйте одно из следующих действий:

Google CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

Microsoft CDN:

<head>
<script src="https://ajax.phpnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>

Одним из больших преимуществ использования размещенных jQuery от Google или Microsoft:

Многие пользователи уже скачали jQuery из Google или Microsoft при посещении другого сайта. В результате, он будет загружен из кэша, когда они посещают ваш сайт, что приводит к более быстрому времени загрузки. Кроме того, большинство CDN будет убедиться, что после того, как пользователь запрашивает файл из него, он будет обслуживаться от ближайшего к ним сервера, что также приводит к более быстрой загрузке времени.