Как подключить jQuery

Как подключить jQuery

jQuery – это JavaScript библиотека, с помощью которой можно  творить просто чудеса на своем сайте. С помощью нее, мы можем легко и быстро получить доступ к любому элементу нашей HTML-страницы и манипулировать им (изменять или добавлять: атрибуты,  стили, содержимое элемента и т.д.).

Одно из главных преимуществ jQuery – это кроссбраузерность, т.е. скрипты, написанные с использованием этой библиотеки, будут работать в большинстве браузеров (в том числе IE6). Чем, к сожалению, не может похвастаться «простой» язык JavaScript.

А теперь давайте уже на практике разберем, как подключать jQuery к сайту.

Шаг 1 – Скачайте библиотеку jQuery

Для этого зайдите на официальный сайт jQuery. На данный момент, библиотека доступна в двух версиях: 1.x и 2.x.

Главное отличие между этими версиями это то, что версия 2.x не поддерживается старыми браузерами IE 6, 7 и 8, в отличие от 1.x. Поэтому я вам крайне рекомендую использовать библиотеку jQuery версии 1.x.

Чтобы скачать ее, кликните по соответствующей ссылке (см. скриншот ниже).

Где скачать jQuery

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

Как скачать jQuery

А далее скачайте библиотеку через любой менеджер файлов, например через Download Master.

Шаг 2 – Загрузите библиотеку на свой хостинг

После скачивания, полученную библиотеку загрузите на свой сайт. Для этого воспользуйтесь любым FTP-клиентом, например FileZilla.

Как правило, все JavaScript файлы, используемые в шаблоне вашего сайта, хранятся в специальной папке. Поэтому советую загрузить jQuery библиотеку именно в нее.

Если вы не умеете работать с FTP-клиентами, то посмотрите урок, как пользоваться FileZilla.

Шаг 3 – Подключение библиотеки jQuery

Теперь библиотека jQuery загружена на ваш сайт и осталось ее подключить к страницам этого сайта.

1. Откройте в текстовом редакторе (например: Notepad++).

- Если вы используете любую CMS, то файл вашей темы, где находится область head.

- Если вы используете статический сайт (т.е. сайт, не использующий CMS и состоящий только из HTML-страниц), то все страницы по отдельности.

2. Найдите область head, она находится между тегами <head> . . . </head>

<!DOCTYPE html>
<html>
<head>

<!-- Область head -->

</head>
<body>

</body>
</html>

3. Вставьте следующий код в любое место области head.

<script src="path/to/jquery-1.10.2.min.js"></script>

Обратите внимание на атрибут src, здесь вы должны прописать правильный путь к файлу jQuery, который вы загрузили на свой сайт.

Кстати, совсем не обязательно загружать библиотеку на свой сайт, чтобы потом ее подключить к страницам. Есть более простой способ, это подключить ее сразу с сервера Google. Все что от вас требуется, это прописать следующий код, в область head.


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Теперь, когда мы научились подключать jQuery, вы можете спокойно писать скрипты или пользоваться уже готовыми плагинами для данной библиотеки.

Понравилась статья?

Тогда оставь свой комментарий или расскажи о ней своим друзьям и коллегам.

Комментарии ВКонтакте

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

музыкальный магазин 8 декабря 2015 г. в 22:28

Кому нужно
fayloobmennik.net/5577227

JQUERY 2.0.0 с поддержкой IE 7,8 И ДАЛЕЕ

Ответить
Наверх

Скачивание материалов доступно
только подписчикам!

Если вы подпишитесь, то сможете сразу же получить доступ ко всем материалам этого блога

Подписка бесплатная и займет у вас
не более 1 минуты

Получение доступа к материалам

Для получения доступа, заполните форму ниже. Введите свое настоящее имя и e-mail

« Вернуться назад

Проверьте свой почтовый ящик

и подтвердите подписку

После этого вы сразу же получите доступ ко всем материалам этого блога

Введите e-mail, который вы указывали при подписке

Мы проверим его по базе подписчиков и если вы на самом деле подписывались, то доступ для вас сново будет открыт

« Вернуться назад