Так уж сложилось, что часто нам приходится решать поставленные педед нами задачи руководствуясь в основном своими силами и временем, то есть как проще и быстрей – значит так и лучше, не факт что такое решение будет самым оптимальным – но таковы суровые реали капитализма. Сегодняшней статьей я начинаю цикл статей в которых я буду рассказывать про jquery – замечательный фреймворк для javascript, который во многом облегчает и ускоряет написание javascript. Для лучшего понимая всего происходящего в первой статье я расскажу как подключить jquery.

Итак сначала идем на оффициальный сайт – jquery.com и в правом верхнем углу жмем кнопку “UI”

Затем жмем “Build custom download”

На этой странице выставляем все галки и жмем “Download”

Берем сразу все, так как потом нам это все пригодится, конечно лучше брать только то, что нужно, но для учебных целей берем все.

Скачиваем файл и сохраняем на компьютер. Открываем скаченный архив и забираем из него два файла – jquery-1.4.2.min.js и jquery-ui-1.8.1.custom.min.js. Создаем отдельную папку и кидаем туда эти два файла, затем создаем html файл и подключаем в нем наши файлы:

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>

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

<input type="button" value="Свернуть / Развернуть" onclick="$('div.container').slideToggle(500);">
<div class="container">
Так уж сложилось, что часто нам приходится решать поставленные педед нами задачи руководствуясь в основном своими силами и временем, то есть как проще и быстрей - значит так и лучше, не факт что такое решение будет самым оптимальным - но таковы суровые реали капитализма. Сегодняшней статью я начинаю цикл статей в которых я буду рассказывать про jquery - замечательный фреймворк для javascript, который во многом облегчает и ускоряет написание javascript. Для лучшего понимая всего происходящего в первой статье я расскажу <strong>как подключить jquery</strong>
</div>

Если что-то не получилось смотрим пример – Свернуть – Развернуть на jquery.

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