Подключаем библиотеку jQuery
Прежде всего создадим простейший html документ:
Работа с jQuery
Предполагается, что читатель знаком с основами html и css, поэтому разъяснять, как строится структура html документа я не буду. Теперь пришла очередь обзавестись библиотекой.
Получить последнюю версию можно многими способами. Опишу наиболее распространенные из них, а заодно и обсудим их достоинства и недостатки.
Локальное подключение библиотеки
Первый способ - сохранить файл ядра библиотеки в проекте. Для этого потребуется скачать его на свой компьютер и подключить к документу. Заходим на официальный сайт jQuery (http://jquery.com/). На главной странице справа видим блок с большой кнопкой Dounload (jQuery), кликнув по которой можно закачать последнюю версию (на момент написания статьи последней является версия 1.8.2). Сейчас вышла версия 2 лучше использовать её!
Радио переключатели, расположенные сверху кнопки, позволяют выбрать для закачки сжатый (Production), или полный (не сжатый - Development) вариант библиотеки. Второй вариант понадобится, если очень хочется покопаться в недрах кода фреймворка, но при этом размер его сильно отличается в большую сторону (247 kb). По умолчанию выбрана сжатая версия - ее и следует загружать.
Жмем по ссылке и... вместо ожидаемого диалога для закачки файла открывается окно с кучей непонятных строк.
Если это окно вызвало недоумение, не пугайтесь - все в порядке. Что бы сохранить этот код в файл, в меню браузера выбираем файл - сохранить как...
и в появившемся окне указываем папку, куда хотим залить библиотеку.
При желании можно переименовать сохраняемый документ, но лучше оставить имя по умолчанию - не придется в дальнейшем гадать, что это за файл и за что он отвечает. Для завершения процедуры жмем кнопку сохранитьи нужный файл появится в указанной папке.
Теперь нужно прописать путь к этому файлу в разделе head html документа. Для удобства я обычно создаю папкуjs в корне сайта в которую складываю все необходимые для работы сайта js файлы. Если Вы поступили так же, то скопируйте файл библиотеки в эту папку (по умолчанию он будет иметь название jquery-1.8.2.min.js, где 1.8.2 - это версия библиотеки) и в разделе head html страницы, с которой работаете пропишите следующую строку.