Как подключить на свой сайт jQuery

5 / 5

Автор: Администратор

12.02.2015

Теги: javascript, jQuery, google, jquery.min

Для многих новичков в создании сайтов непонятно, что же такое JQuery, хоть они и постоянно слышат о нем и даже возможно пользовались.

Как мы знаем есть язык JavaScript, который позволяет работать динамически с элементами на странице и делать страницу более привлекательной.

JQuery - библиотека функций, основанных на JavaScript. Если вы уже имели дело с js(JavaScript), то вам все станет ясно.

Эту библиотеку специально разработали специалисты, чтобы упростить использование js, так как многие сложные вещи на js реализовать не так просто. А JQuery позволяет использовать такие сложные конструкции вызовом только одной функции, а не полным составлением ее самим.

Можно выделить два способа подключения JQuery на ваш сайт:

Подключать файл библиотеки с помощью одного из сервисов google
Скачать файл библиотеки на сервер сайта и подключать как внутренний файл.

Подключение библиотеки JQuery с помощью одного из сервисов google

Возможно это более удобный вариант для некоторых людей, любой файл с js кодом подключается к HTML странице примерно следующим кодом:

<script type="text/javascript" src="/путь до файла с js-кодом"></script>

В случае подключения файла с другого ресурса необходимо просто указать полный путь до этого файла. У Google есть специальный сервис, на котором есть все версии JQuery, к которым вы можете получить доступ по адресу вида:

https://ajax.googleapis.com/ajax/libs/jquery/*версия_Jquery*/*формат библиотеки*

Здесь за место *версии Jquery* нужно подставить интересуемую вас версию, самая последняя 2.1.3 на данный момент именно в таком виде и нужно подставлять версию. Сейчас существуют две основных версии, это начинающиеся на 1 и на 2, вторая более свежая и содержит больше возможностей. Но многие предпочитают использовать более старые по разным причинам, например, они весят меньше и подгружаются быстрее.

Под *формат библиотеки* сейчас понимаются полные версии и минимизированные. Отличие в количестве кода, полные версии весят гораздо больше минимизированных и редко используются, так как нагружают сайт лишним. Если за место формата библиотеки писать jquery.js, то это будет полная версия, а если jquery.min.js, то это будет сжатая версия. Попробуйте собрать адреса до разных вариантов, и перед вами прямо в браузере откроется код JQuery библиотеки. Вот некоторые пример таких адресов:

https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js

https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js

Теперь приведу пример подключения JQuery в вашем файле HTML страницы, помещенному в <head></head> секцию:

<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js"></script>
</head>

Подключение JQuery как внутренний файл

Тут все просто, качаем файл минимизированный или полной библиотеки JQuery, как вам захочется. Скидываем этот файл поближе к HTML странице, куда будет подключать, обычно такие файлы кидают в специальную папку, под названием js. Подключаем этот файл все тем же способом, только уже файл будет лежать у на на сервере, выглядеть это будет примерно так:

<head>
<script type="text/javascript" src="/js/jquery-1.11.2.min.js"></script>
</head>

Добавить комментарий

Авторизоваться с помощью:

Поиск по сайту

Топ 10 активных пользователей

Имя пользователя Баллы
gawk
44.20
ZOMRO
23.80
hr@proovelab
15.00
intuit89
8.40
Varvarka
4.00
Akyla58
3.00
AnnaOl
3.00
dimasik_3557
3.00
ErcardSa
3.00
Galinamuh
3.00

Рекламные ссылки

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

Похожие материалы

Языки программирования сайтов Просмотров 14652

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

Теги:

css, html, javascript, php, веб

Комментариев: 0 Подробнее

Ajax-форма обратной связи на JQuery Просмотров 20352

В этой статье мы расскажем о том, как сделать форму с ajax-запросом, при помощи библиотеки jQuery. Другими словами, чтобы страница не перезагружалась, при отправке данных через форму.

Теги:

javascript, form, jQuery, ajax, onclick

Комментариев: 0 Подробнее

Увеличение изображения при нажатии на не... Просмотров 84442