Для многих новичков в создании сайтов непонятно, что же такое JQuery, хоть они и постоянно слышат о нем и даже возможно пользовались.
Как мы знаем есть язык JavaScript, который позволяет работать динамически с элементами на странице и делать страницу более привлекательной.
JQuery - библиотека функций, основанных на JavaScript. Если вы уже имели дело с js(JavaScript), то вам все станет ясно.
Эту библиотеку специально разработали специалисты, чтобы упростить использование js, так как многие сложные вещи на js реализовать не так просто. А JQuery позволяет использовать такие сложные конструкции вызовом только одной функции, а не полным составлением ее самим.
Можно выделить два способа подключения JQuery на ваш сайт:
- Подключать файл библиотеки с помощью одного из сервисов google
- Скачать файл библиотеки на сервер сайта и подключать как внутренний файл.
Подключение библиотеки JQuery с помощью одного из сервисов google
Возможно это более удобный вариант для некоторых людей, любой файл с js кодом подключается к HTML странице примерно следующим кодом:
В случае подключения файла с другого ресурса необходимо просто указать полный путь до этого файла. У 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> секцию:
Подключение JQuery как внутренний файл
Тут все просто, качаем файл минимизированный или полной библиотеки JQuery, как вам захочется. Скидываем этот файл поближе к HTML странице, куда будет подключать, обычно такие файлы кидают в специальную папку, под названием js. Подключаем этот файл все тем же способом, только уже файл будет лежать у на на сервере, выглядеть это будет примерно так:
Комментарии
Рад стараться
RSS лента комментариев этой записи