Добавление JQuery на веб-страницы
Есть несколько способов, чтобы начать использовать JQuery на вашем веб-сайте. Ты можешь:
- Загрузите библиотеку JQuery из jQuery.com
- Включите JQuery из CDN, как Google
Загрузка Jquery
Есть две версии JQuery доступны для скачивания:
- Производственная версия - это для живой сайт, так как он был минимизирован и прессуют
- версия для разработчиков - это для тестирования и разработки (несжатый и читаемый код)
Обе версии могут быть загружены с jQuery.com .
Библиотека Jquery представляет собой один файл JavaScript, и вы ссылаться на него с HTML <script> тег (уведомление о том , что <script> тег должен находиться внутри <head> секции):
<head>
<script src="jquery-1.12.2.min.js"></script>
</head>
Совет: Поместите загруженный файл в том же каталоге, что и страницы , где вы хотите его использовать.
Вы задаетесь вопросом, почему мы не имеем type="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/1.12.2/jquery.min.js"></script>
</head>
Попробуй сам " Microsoft CDN:
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
</head>
Попробуй сам " Одним из больших преимуществ использования размещенных JQuery от Google или Microsoft:
Многие пользователи уже загрузили JQuery от Google или Microsoft при посещении другого сайта. В результате, он будет загружен из кэша, когда они посещают ваш сайт, что приводит к более быстрому времени загрузки. Кроме того, большинство CDN сделает уверены, что как только пользователь запрашивает файл из него, он будет обслуживаться с сервера ближайшего к ним, что также приводит к более быстрому времени загрузки.